@charset "UTF-8";

/* Mobile first styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.p-5 {
	padding: 5px;
}
.p-10 {
	padding: 10px;
}
.p-20 {
	padding: 20px;
}
.p-30 {
	padding: 30px;
}
.p-40 {
	padding: 40px;
}
.p-50 {
	padding: 50px;
}

.p-top-0{
	padding-top: 0;
}
.p-top-5 {
	padding-top: 5px;
}
.p-top-10 {
	padding-top: 10px;
}
.p-top-20 {
	padding-top: 20px;
}
.p-top-30 {
	padding-top: 30px;
}
.p-top-40 {
	padding-top: 40px;
}
.p-top-50 {
	padding-top: 50px;
}

.p-bottom-0 {
	padding-bottom: 0;
}
.p-bottom-5 {
	padding-bottom: 5px;
}
.p-bottom-10 {
	padding-bottom: 10px;
}
.p-bottom-20 {
	padding-bottom: 20px;
}
.p-bottom-30 {
	padding-bottom: 30px;
}
.p-bottom-40 {
	padding-bottom: 40px;
}
.p-bottom-50 {
	padding-bottom: 50px;
}

.p-left-0 {
	padding-left: 0;
}
.p-left-5 {
	padding-left: 5px;
}
.p-left-10 {
	padding-left: 10px;
}
.p-left-20 {
	padding-left: 20px;
}
.p-left-30 {
	padding-left: 30px;
}
.p-left-40 {
	padding-left: 40px;
}
.p-left-50 {
	padding-left: 50px;
}


.p-right-0 {
	padding-right: 0;
}
.p-right-5 {
	padding-right: 5px;
}
.p-right-10 {
	padding-right: 10px;
}
.p-right-20 {
	padding-right: 20px;
}
.p-right-30 {
	padding-right: 30px;
}
.p-right-40 {
	padding-right: 40px;
}
.p-right-50 {
	padding-right: 50px;
}


.m-0 {
	margin: 0;
}

.m-10 {
	margin: 10px;
}
.m-20 {
	margin: 20px;
}
.m-30 {
	margin: 30px;
}
.m-40 {
	margin: 40px;
}
.m-50 {
	margin: 50px;
}

.m-top-0 {
	margin-top: 0;
}
.m-top-10 {
	margin-top: 10px;
}
.m-top-20 {
	margin-top: 20px;
}
.m-top-30 {
	margin-top: 30px;
}
.m-top-40 {
	margin-top: 40px;
}
.m-top-50 {
	margin-top: 50px;
}

.m-bottom-0 {
	margin-bottom: 0;
}
.m-bottom-10 {
	margin-bottom: 10px;
}
.m-bottom-20 {
	margin-bottom: 20px;
}
.m-bottom-30 {
	margin-bottom: 30px;
}
.m-bottom-40 {
	margin-bottom: 40px;
}
.m-bottom-50 {
	margin-bottom: 50px;
}

.m-left-10 {
	margin-left: 10px;
}
.m-left-20 {
	margin-left: 20px;
}
.m-left-30 {
	margin-left: 30px;
}
.m-left-40 {
	margin-left: 40px;
}
.m-left-50 {
	margin-left: 50px;
}

.m-right-10 {
	margin-right: 10px;
}
.m-right-20 {
	margin-right: 20px;
}
.m-right-30 {
	margin-right: 30px;
}
.m-right-40 {
	margin-right: 40px;
}
.m-right-50 {
	margin-right: 50px;
}




/* Extra small devices (portrait phones, 576px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 576px) { 
   
}

/* Small devices (landscape phones, 768px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 768px) { 
   
}

/* Medium devices (tablets, 992px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 992px) { 
   
}

/* Large devices (desktops, 1200px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1200px) { 
   
}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */