@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,500,600");
@font-face {
font-family: 'DisplayArtThree';
src: url(//camphillantiquecentre.com/app/themes/cha/assets/fonts/DisplayArtThree.eot);
src: url(//camphillantiquecentre.com/app/themes/cha/assets/fonts/DisplayArtThree.woff2) format("woff2"), url(//camphillantiquecentre.com/app/themes/cha/assets/fonts/DisplayArtThree.woff) format("woff"), url(//camphillantiquecentre.com/app/themes/cha/assets/fonts/DisplayArtThree.ttf) format("truetype"), url(//camphillantiquecentre.com/app/themes/cha/assets/fonts/DisplayArtThree.svg#DisplayArtThree) format("svg"), url(//camphillantiquecentre.com/app/themes/cha/assets/fonts/DisplayArtThree.eot?#iefix) format("embedded-opentype");
font-weight: normal;
font-style: normal; }
html, body {
min-height: calc(100vh - 160px);
margin: 0; }
html {
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: #555;
line-height: 1.8em; }
*, *:before, *:after {
box-sizing: inherit; }
.body {
margin-top: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on; }
h1 {
font-weight: 700;
font-family: "DisplayArtThree", sans-serif; }
h2, h3, h4, h5, h6 {
font-weight: 500;
font-family: "Open Sans", sans-serif;
color: #333; }
input {
font-family: "Open Sans", sans-serif;
font-weight: 300; }
a {
color: inherit;
text-decoration: none; }
.bottom-line {
border-bottom: 3px solid #ccd3d7; }
h1 {
font-size: 32px; }
@media only screen and (max-width: 320px) {
h1 {
font-size: 22px; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
h1 {
font-size: 22px; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
h1 {
font-size: 22px; } }
@media only screen and (max-width: 320px) {
h1 {
font-size: 18px; } }
h2 {
font-size: 20px;
line-height: 32px; }
h3 {
font-size: 18px; }
@media only screen and (max-width: 320px) {
h3 {
font-size: 16px; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
h3 {
font-size: 16px; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
h3 {
font-size: 16px; } }
p {
font-size: 16px; }
@media only screen and (max-width: 320px) {
p {
font-size: 14px; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
p {
font-size: 14px; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
p {
font-size: 14px; } }
.header {
background-color: #fff;
padding: 1px;
transition-duration: 0.3s;
z-index: 999;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
position: relative; }
.header.header__scroll {
height: 95px; }
.header.header__scroll .header__logo {
width: 80px; }
.header.header__scroll .header__nav {
margin-top: 0; }
@media screen and (max-device-width: 769px) {
.header.header__scroll .header__nav ul {
top: 55px !important; } }
.content-header {
position: fixed;
height: 130px;
width: 100%;
z-index: 999;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
transition-duration: 0.3s; }
@media only screen and (max-width: 320px) {
.content-header {
height: 125px; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.content-header {
height: 125px; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
.content-header {
height: 125px; } }
.content-header .wrapper {
position: relative;
height: 100%; }
.content-header .header__logo {
width: 118px;
height: auto;
transition-duration: 0.3s;
margin: 0;
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-device-width: 800px) {
.content-header .header__logo {
width: 100px;
left: 15px;
z-index: 999; } }
.content-header .header__nav {
transition-duration: 0.3s;
top: 50%;
position: absolute;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 320px) {
.content-header .header__nav {
width: 100%;
top: auto;
position: relative;
right: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.content-header .header__nav {
width: 100%;
top: auto;
position: relative;
right: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
.content-header .header__nav {
width: 100%;
top: auto;
position: relative;
right: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } }
.content-header .header__nav ul {
top: 55px !important; }
.content-header .header__nav ul li {
margin: 0 0 0 40px; }
@media screen and (max-device-width: 800px) {
.content-header .header__nav ul li {
margin: 0 0 0 30px; } }
.content-header.content-header__scroll {
height: 95px; }
.content-header.content-header__scroll .header__logo {
width: 82px; }
.content-header.content-header__scroll .header__nav {
margin-top: -5px; }
@media screen and (max-device-width: 769px) {
.content-header.content-header__scroll .header__nav ul {
top: 55px !important; } }
.header__logo {
width: 200px;
margin: 30px auto 0 auto;
transition-duration: 0.3s; }
@media screen and (max-device-width: 800px) {
.header__logo {
width: 200px; } }
@media screen and (max-device-width: 760px) {
.header__logo {
width: 120px; } }
@media screen and (max-device-width: 525px) {
.header__logo {
width: 90px; } }
.header__nav .hamburger {
position: absolute;
right: 15px;
top: 50%;
margin: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.header__nav .hamburger span {
background-color: #111;
height: 2px; }
.header__nav ul {
margin: 40px 0;
padding: 0;
width: 100%;
text-align: center; }
.header__nav ul li {
display: inline;
font-weight: 600;
text-transform: uppercase;
margin: 0 20px;
position: relative; }
.header__nav ul li.current-menu-item > a:after { }
.header__nav ul li a {
position: relative;
color: rgba(0, 0, 0, 0.7);
font-size: 14px;
letter-spacing: 0.25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.header__nav ul li a:after {
transition-duration: 0.3s;
content: '';
width: 0;
position: absolute;
height: 3px;
bottom: 0;
left: 0;
background-color: #A13F4C;
margin-bottom: -5px; }
.header__nav ul li a:hover {
color: #A13F4C; }
.header__nav ul li:hover ul.sub-menu {
pointer-events: auto;
opacity: 1;
z-index: 99; }
.header__nav ul li:hover ul.sub-menu li {
border: none !important; }
.header__nav ul li ul.sub-menu {
display: block;
position: absolute;
top: 100% !important;
margin-top: 0;
left: 0;
width: auto;
background-color: #fff;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
padding: 10px;
z-index: 1;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateX(-41%);
-moz-transform: translateX(-41%);
-o-transform: translateX(-41%);
transform: translateX(-41%); }
.header__nav ul li ul.sub-menu li {
white-space: nowrap;
margin: 10px 0;
width: 100%;
display: block;
line-height: normal;
font-size: 14px;
padding: 0;
border: none !important; }
.video__heading {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden; }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.video__heading {
margin-top: -130px; } }
@media only screen and (min-width: 1025px) {
.video__heading {
margin-top: -130px; } }
.video__heading .page__heading {
position: absolute;
z-index: 3;
color: #fff;
margin: 0;
line-height: 1em;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-shadow: 1px 3px 0 #a13f4c; }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.video__heading .page__heading {
font-size: 100px;
user-select: none;
cursor: default;
top: calc(50% + 75px); } }
@media only screen and (min-width: 1025px) {
.video__heading .page__heading {
font-size: 100px;
user-select: none;
cursor: default;
top: calc(50% + 75px); } }
.video__heading .video-musk {
position: absolute;
background-color: rgba(255, 255, 255, 0.4);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2; }
.video__heading #bgvid {
background-color: #fffffc;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: -100;
background-size: cover; }
.video__heading #vidpause {
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
width: 10px;
height: 38px;
border-left: 10px solid rgba(255, 255, 255, 0.4);
border-right: 10px solid rgba(255, 255, 255, 0.4);
margin-right: 20px;
margin-bottom: 20px;
cursor: pointer; }
.video__heading #vidpause.paused {
display: block;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid rgba(255, 255, 255, 0.4);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
border-right: none; }
@media screen and (max-device-width: 800px) {
.video__heading {
height: 400px; }
.video__heading #vidpause {
bottom: 7%; } }
@media screen and (max-device-width: 760px) {
.video__heading {
background: url(//camphillantiquecentre.com/app/themes/cha/assets/img/content-placeholder.jpg) no-repeat center center;
height: 250px; }
.video__heading #bgvid {
display: none; }
.video__heading #vidpause {
display: none; } }
.placeholder--in--heading {
display: none;
height: 130px; }
@media screen and (max-device-width: 800px) {
.placeholder--in--heading {
height: 107px; } }
@media screen and (max-device-width: 525px) {
.placeholder--in--heading {
height: 96px; } }
@media screen and (max-device-width: 760px) {
.header {
position: fixed;
z-index: 999;
width: 100%;
top: 0; }
.header .wrapper {
display: flex;
justify-content: space-between; }
.header .header__nav ul {
display: flex;
position: fixed;
left: 0;
top: 125px !important;
flex-direction: column;
z-index: 998;
background-color: #fff;
height: 100%;
width: 100%;
overflow: hidden;
transition-duration: 0.3s;
opacity: 0;
pointer-events: none;
margin: 0; }
.header .header__nav ul.active {
opacity: 1;
pointer-events: auto; }
.header .header__nav ul li {
margin: 20px 0; }
.header .header__nav ul li a {
position: relative;
color: rgba(0, 0, 0, 0.9);
font-size: 14px;
letter-spacing: 0.25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 25px; }
.header .header__nav ul li ul {
display: none; } }
.mini-cart {
position: absolute;
bottom: 0;
right: 2%;
transform: translateY(100%);
transition-duration: 0.3s;
z-index: 999; }
.mini-cart .mini-cart-btn {
padding: 5px 15px;
background-color: #f2f2f2;
border-radius: 0 0 5px 5px;
display: inline;
position: absolute;
cursor: pointer;
right: 10%;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
.mini-cart .mini-cart__wrapper {
max-height: 0;
overflow: hidden;
transition-duration: 0.3s;
background-color: #fff;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
.mini-cart.active .mini-cart__wrapper {
max-height: 100vh; }
.mini-cart ul {
list-style: none;
padding: 0; }
.mini-cart ul .mini_cart_item {
display: flex;
margin: 10px 0; }
.mini-cart ul .mini_cart_item .remove {
padding: 0 15px;
flex-grow: 0; }
.mini-cart ul .mini_cart_item a {
flex-grow: 1;
line-height: 90px;
height: 90px; }
.mini-cart ul .mini_cart_item img {
width: 90px;
height: auto;
float: left;
margin-right: 20px; }
.mini-cart ul .mini_cart_item .quantity {
line-height: 90px;
height: 90px;
padding: 0 10px; }
.mini-cart .total {
text-align: center; }
.mini-cart .buttons {
display: flex;
justify-content: space-around; }
@media screen and (max-device-width: 760px) {
.mini-cart {
right: 0;
left: 0; }
.mini-cart ul .mini_cart_item a {
height: 20px;
line-height: 20px; }
.mini-cart ul .mini_cart_item img {
display: none; }
.mini-cart ul .mini_cart_item .quantity {
height: 20px;
line-height: 20px; } }
.page__heading {
text-align: center;
width: 100%;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 100px;
user-select: none;
text-shadow: 1px 3px 0 #a13f4c;
cursor: default; }
@media screen and (max-device-width: 800px) {
.page__heading {
font-size: 48px; } }
@media screen and (max-device-width: 525px) {
.page__heading {
font-size: 48px; } }
@media screen and (max-device-width: 320px) {
.page__heading {
font-size: 36px; } }
.row {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
margin-right: 0;
margin-left: -15px;
margin-bottom: 15px;
width: 100%;
height: 100%; }
.column--1,
.column--2,
.column--3,
.column--4,
.column--5,
.column--6,
.column--7,
.column--8,
.column--9,
.column--10,
.column--11,
.column--12 {
display: flex;
flex: 0 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.column--1 {
flex-basis: calc( 8.33333% - 15px );
max-width: calc( 8.33333% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--2 {
flex-basis: calc( 16.66667% - 15px );
max-width: calc( 16.66667% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--3 {
flex-basis: calc( 25% - 15px );
max-width: calc( 25% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--4 {
flex-basis: calc( 33.33333% - 15px );
max-width: calc( 33.33333% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--5 {
flex-basis: calc( 41.66667% - 15px );
max-width: calc( 41.66667% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--6 {
flex-basis: calc( 50% - 15px );
max-width: calc( 50% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--7 {
flex-basis: calc( 58.33333% - 15px );
max-width: calc( 58.33333% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--8 {
flex-basis: calc( 66.66667% - 15px );
max-width: calc( 66.66667% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--9 {
flex-basis: calc( 75% - 15px );
max-width: calc( 75% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--10 {
flex-basis: calc( 83.33333% - 15px );
max-width: calc( 83.33333% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--11 {
flex-basis: calc( 91.66667% - 15px );
max-width: calc( 91.66667% - 15px );
flex-grow: 1;
margin-left: 15px; }
.column--12 {
flex-basis: calc( 100% - 15px );
max-width: calc( 100% - 15px );
flex-grow: 1;
margin-left: 15px; }
.page-content {
position: relative;
padding: 100px 0; }
.page-content .dividing-element {
position: absolute;
width: 390px;
left: 50%;
margin-left: -195px;
z-index: 3; }
.page-content .dividing-element.dividing-element__top {
top: 0;
margin-top: -13px;
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.page-content .dividing-element.dividing-element__bottom {
bottom: 0;
margin-bottom: -13px; }
.page-content.content__page {
position: relative;
padding: 50px 0; }
@media screen and (max-device-width: 800px) {
.page-content {
padding: 50px 0; }
.page-content .dividing-element {
width: 260px;
margin-left: -129px; }
.page-content .dividing-element.dividing-element__top {
margin-top: -8px; }
.page-content .dividing-element.dividing-element__bottom {
margin-bottom: -8px; }
.page-content.content__page {
position: relative;
padding: 0; } }
.page-content__highlight {
background-color: #A13F4C; }
.page-content__highlight::after {
content: "";
background: url(//camphillantiquecentre.com/app/themes/cha/assets/img/monotone-pack.png);
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 3; }
.wrapper {
width: 100%;
max-width: 1080px;
margin: auto; }
@media only screen and (max-width: 320px) {
.content-page__content img {
margin: 0 auto;
max-width: 100%;
display: block; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.content-page__content img {
margin: 0 auto;
max-width: 100%;
display: block; } }
footer {
position: relative; }
footer::after {
content: "";
background: url(//camphillantiquecentre.com/app/themes/cha/assets/img/monotone-pack.png);
opacity: 0.08;
background-color: #ddd;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1; }
.subscribe__wrapper .subscribe__title {
text-align: center;
font-size: 28px;
font-weight: 600;
text-transform: uppercase;
font-family: "DisplayArtThree", sans-serif;
color: #333; }
.subscribe__wrapper .subscribe__form {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 700px;
margin: 30px auto; }
.subscribe__wrapper .subscribe__form .subscribe__form__email {
flex-grow: 1;
display: flex;
justify-content: space-between; }
.subscribe__wrapper .subscribe__form input[type=email] {
border: none;
background-color: #f0f0ec;
outline: none;
padding: 10px;
flex-grow: 1;
border-radius: 5px 0 0 5px;
margin: 0;
font-size: 16px;
line-height: 25px; }
.subscribe__wrapper .subscribe__form input[type=submit] {
background-color: #A13F4C;
border: none;
padding: 10px 62px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
border-radius: 0 5px 5px 0;
cursor: pointer;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
@media screen and (max-device-width: 760px) {
.subscribe__wrapper .subscribe__title {
font-size: 20px; }
.subscribe__wrapper .subscribe__form {
flex-direction: column;
width: 80%; }
.subscribe__wrapper .subscribe__form__email {
margin-bottom: 20px; }
.subscribe__wrapper .subscribe__form__email input[type=email] {
border-radius: 0 5px 5px 0 !important; }
.subscribe__wrapper input[type=submit] {
border-radius: 5px !important; } }
.footer__nav {
margin-top: 60px; }
@media screen and (max-device-width: 1200px) {
.footer__nav {
padding: 0 20px; } }
@media screen and (max-device-width: 760px) {
.footer__nav {
margin: 0; }
.footer__nav ul {
flex-direction: column;
margin: 0; }
.footer__nav ul li {
margin-bottom: 20px; } }
.footer__nav ul {
padding: 0;
width: 100%;
text-align: center;
display: flex;
justify-content: space-between; }
.footer__nav ul li {
display: inline;
font-weight: 600;
text-transform: uppercase;
color: #444;
font-size: 14px; }
.footer__nav ul li a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.footer__nav ul li a:hover {
color: #A13F4C; }
.footer__info {
margin-top: 30px;
display: flex;
justify-content: space-between; }
@media screen and (max-device-width: 1200px) {
.footer__info {
padding: 0 20px; } }
@media screen and (max-device-width: 760px) {
.footer__info {
flex-direction: column;
text-align: center; } }
.footer__info p {
font-size: 12px;
color: rgba(0, 0, 0, 0.3);
font-weight: bold; }
.footer__info .footer__info__icons {
padding-top: 10px;
color: #A13F4C; }
.footer__info .footer__info__icons i {
margin-left: 15px;
cursor: pointer;
font-size: 30px; }
.button {
padding: 8px 15px;
text-transform: uppercase;
color: #fff;
background-color: #A13F4C;
cursor: pointer;
display: inline;
border-radius: 5px;
font-weight: 600;
border: none;
font-size: 12px; }
.contact-form {
width: 700px;
margin: auto; }
.contact-form .form-group .input__wrapper {
display: flex;
justify-content: space-between;
margin: 5px 0; }
.contact-form .form__icon {
padding: 10px;
background-color: #f0f0ec;
border-radius: 5px 0 0 5px; }
.contact-form .control-label {
font-size: 18px;
margin: 20px 0 10px 0; }
.contact-form input[type=email], .contact-form input[type=text] {
border: none;
background-color: #f0f0ec;
outline: none;
padding: 10px;
flex-grow: 1;
border-radius: 0 5px 5px 0;
margin: 0;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.contact-form textarea {
width: 97%;
margin: 5px 0;
padding: 10px;
border: none;
background-color: #f0f0ec;
outline: none;
border-radius: 5px;
height: 150px;
resize: vertical; }
.contact-form .submit-btn, .contact-form input[type=submit] {
margin-top: 20px;
padding: 5px 25px;
background-color: #ba2228;
color: #fff;
display: inline;
border-radius: 5px;
text-transform: uppercase;
cursor: pointer;
font-weight: 600;
border: 0; }
.contact-form .submit-btn:hover, .contact-form input[type=submit]:hover {
background-color: #A13F4C; }
.contact-form .form-group {
margin-top: 10px; }
.helper__text-right {
text-align: right; }
.helper__text-left {
text-align: left; }
.helper__text-center {
text-align: center; }
.helper__text-uppercase {
text-transform: uppercase; }
.helper__float-left {
float: left; }
.helper__float-right {
float: right; }
.position-absolute {
position: absolute; }
.position-relative {
position: relative; }
.hidden {
display: none; }
.p0 {
padding: 0rem; }
@media screen and (max-width: 768px) {
.sm-p0.sm-p0 {
padding: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p0.md-p0.md-p0 {
padding: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-p0.lg-p0.lg-p0.lg-p0 {
padding: 0rem; } }
.py0 {
padding-top: 0rem;
padding-bottom: 0rem; }
@media screen and (max-width: 768px) {
.sm-py0.sm-py0 {
padding-top: 0rem;
padding-bottom: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py0.md-py0.md-py0 {
padding-top: 0rem;
padding-bottom: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-py0.lg-py0.lg-py0.lg-py0 {
padding-top: 0rem;
padding-bottom: 0rem; } }
.px0 {
padding-left: 0rem;
padding-right: 0rem; }
@media screen and (max-width: 768px) {
.sm-px0.sm-px0 {
padding-left: 0rem;
padding-right: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px0.md-px0.md-px0 {
padding-left: 0rem;
padding-right: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-px0.lg-px0.lg-px0.lg-px0 {
padding-left: 0rem;
padding-right: 0rem; } }
.pt0 {
padding-top: 0rem; }
@media screen and (max-width: 768px) {
.sm-pt0.sm-pt0 {
padding-top: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt0.md-pt0.md-pt0 {
padding-top: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-pt0.lg-pt0.lg-pt0.lg-pt0 {
padding-top: 0rem; } }
.pb0 {
padding-bottom: 0rem; }
@media screen and (max-width: 768px) {
.sm-pb0.sm-pb0 {
padding-bottom: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb0.md-pb0.md-pb0 {
padding-bottom: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-pb0.lg-pb0.lg-pb0.lg-pb0 {
padding-bottom: 0rem; } }
.pl0 {
padding-left: 0rem; }
@media screen and (max-width: 768px) {
.sm-pl0.sm-pl0 {
padding-left: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl0.md-pl0.md-pl0 {
padding-left: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-pl0.lg-pl0.lg-pl0.lg-pl0 {
padding-left: 0rem; } }
.pr0 {
padding-right: 0rem; }
@media screen and (max-width: 768px) {
.sm-pr0.sm-pr0 {
padding-right: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr0.md-pr0.md-pr0 {
padding-right: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-pr0.lg-pr0.lg-pr0.lg-pr0 {
padding-right: 0rem; } }
.m0 {
margin: 0rem; }
@media screen and (max-width: 768px) {
.sm-m0.sm-m0 {
margin: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m0.md-m0.md-m0 {
margin: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-m0.lg-m0.lg-m0.lg-m0 {
margin: 0rem; } }
.my0 {
margin-top: 0rem;
margin-bottom: 0rem; }
@media screen and (max-width: 768px) {
.sm-my0.sm-my0 {
margin-top: 0rem;
margin-bottom: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my0.md-my0.md-my0 {
margin-top: 0rem;
margin-bottom: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-my0.lg-my0.lg-my0.lg-my0 {
margin-top: 0rem;
margin-bottom: 0rem; } }
.mx0 {
margin-left: 0rem;
margin-right: 0rem; }
@media screen and (max-width: 768px) {
.sm-mx0.sm-mx0 {
margin-left: 0rem;
margin-right: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx0.md-mx0.md-mx0 {
margin-left: 0rem;
margin-right: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-mx0.lg-mx0.lg-mx0.lg-mx0 {
margin-left: 0rem;
margin-right: 0rem; } }
.mt0 {
margin-top: 0rem; }
@media screen and (max-width: 768px) {
.sm-mt0.sm-mt0 {
margin-top: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt0.md-mt0.md-mt0 {
margin-top: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-mt0.lg-mt0.lg-mt0.lg-mt0 {
margin-top: 0rem; } }
.mb0 {
margin-bottom: 0rem; }
@media screen and (max-width: 768px) {
.sm-mb0.sm-mb0 {
margin-bottom: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb0.md-mb0.md-mb0 {
margin-bottom: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-mb0.lg-mb0.lg-mb0.lg-mb0 {
margin-bottom: 0rem; } }
.ml0 {
margin-left: 0rem; }
@media screen and (max-width: 768px) {
.sm-ml0.sm-ml0 {
margin-left: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml0.md-ml0.md-ml0 {
margin-left: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-ml0.lg-ml0.lg-ml0.lg-ml0 {
margin-left: 0rem; } }
.mr0 {
margin-right: 0rem; }
@media screen and (max-width: 768px) {
.sm-mr0.sm-mr0 {
margin-right: 0rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr0.md-mr0.md-mr0 {
margin-right: 0rem; } }
@media screen and (min-width: 1024px) {
.lg-mr0.lg-mr0.lg-mr0.lg-mr0 {
margin-right: 0rem; } }
.p1 {
padding: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-p1.sm-p1 {
padding: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p1.md-p1.md-p1 {
padding: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p1.lg-p1.lg-p1.lg-p1 {
padding: 0.5rem; } }
.py1 {
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-py1.sm-py1 {
padding-top: 0.5rem;
padding-bottom: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py1.md-py1.md-py1 {
padding-top: 0.5rem;
padding-bottom: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py1.lg-py1.lg-py1.lg-py1 {
padding-top: 0.5rem;
padding-bottom: 0.5rem; } }
.px1 {
padding-left: 0.5rem;
padding-right: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-px1.sm-px1 {
padding-left: 0.5rem;
padding-right: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px1.md-px1.md-px1 {
padding-left: 0.5rem;
padding-right: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px1.lg-px1.lg-px1.lg-px1 {
padding-left: 0.5rem;
padding-right: 0.5rem; } }
.pt1 {
padding-top: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-pt1.sm-pt1 {
padding-top: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt1.md-pt1.md-pt1 {
padding-top: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt1.lg-pt1.lg-pt1.lg-pt1 {
padding-top: 0.5rem; } }
.pb1 {
padding-bottom: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-pb1.sm-pb1 {
padding-bottom: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb1.md-pb1.md-pb1 {
padding-bottom: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb1.lg-pb1.lg-pb1.lg-pb1 {
padding-bottom: 0.5rem; } }
.pl1 {
padding-left: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-pl1.sm-pl1 {
padding-left: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl1.md-pl1.md-pl1 {
padding-left: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl1.lg-pl1.lg-pl1.lg-pl1 {
padding-left: 0.5rem; } }
.pr1 {
padding-right: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-pr1.sm-pr1 {
padding-right: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr1.md-pr1.md-pr1 {
padding-right: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr1.lg-pr1.lg-pr1.lg-pr1 {
padding-right: 0.5rem; } }
.m1 {
margin: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-m1.sm-m1 {
margin: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m1.md-m1.md-m1 {
margin: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m1.lg-m1.lg-m1.lg-m1 {
margin: 0.5rem; } }
.my1 {
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-my1.sm-my1 {
margin-top: 0.5rem;
margin-bottom: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my1.md-my1.md-my1 {
margin-top: 0.5rem;
margin-bottom: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my1.lg-my1.lg-my1.lg-my1 {
margin-top: 0.5rem;
margin-bottom: 0.5rem; } }
.mx1 {
margin-left: 0.5rem;
margin-right: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-mx1.sm-mx1 {
margin-left: 0.5rem;
margin-right: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx1.md-mx1.md-mx1 {
margin-left: 0.5rem;
margin-right: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx1.lg-mx1.lg-mx1.lg-mx1 {
margin-left: 0.5rem;
margin-right: 0.5rem; } }
.mt1 {
margin-top: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-mt1.sm-mt1 {
margin-top: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt1.md-mt1.md-mt1 {
margin-top: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt1.lg-mt1.lg-mt1.lg-mt1 {
margin-top: 0.5rem; } }
.mb1 {
margin-bottom: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-mb1.sm-mb1 {
margin-bottom: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb1.md-mb1.md-mb1 {
margin-bottom: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb1.lg-mb1.lg-mb1.lg-mb1 {
margin-bottom: 0.5rem; } }
.ml1 {
margin-left: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-ml1.sm-ml1 {
margin-left: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml1.md-ml1.md-ml1 {
margin-left: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml1.lg-ml1.lg-ml1.lg-ml1 {
margin-left: 0.5rem; } }
.mr1 {
margin-right: 0.5rem; }
@media screen and (max-width: 768px) {
.sm-mr1.sm-mr1 {
margin-right: 0.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr1.md-mr1.md-mr1 {
margin-right: 0.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr1.lg-mr1.lg-mr1.lg-mr1 {
margin-right: 0.5rem; } }
.p2 {
padding: 1rem; }
@media screen and (max-width: 768px) {
.sm-p2.sm-p2 {
padding: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p2.md-p2.md-p2 {
padding: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-p2.lg-p2.lg-p2.lg-p2 {
padding: 1rem; } }
.py2 {
padding-top: 1rem;
padding-bottom: 1rem; }
@media screen and (max-width: 768px) {
.sm-py2.sm-py2 {
padding-top: 1rem;
padding-bottom: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py2.md-py2.md-py2 {
padding-top: 1rem;
padding-bottom: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-py2.lg-py2.lg-py2.lg-py2 {
padding-top: 1rem;
padding-bottom: 1rem; } }
.px2 {
padding-left: 1rem;
padding-right: 1rem; }
@media screen and (max-width: 768px) {
.sm-px2.sm-px2 {
padding-left: 1rem;
padding-right: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px2.md-px2.md-px2 {
padding-left: 1rem;
padding-right: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-px2.lg-px2.lg-px2.lg-px2 {
padding-left: 1rem;
padding-right: 1rem; } }
.pt2 {
padding-top: 1rem; }
@media screen and (max-width: 768px) {
.sm-pt2.sm-pt2 {
padding-top: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt2.md-pt2.md-pt2 {
padding-top: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-pt2.lg-pt2.lg-pt2.lg-pt2 {
padding-top: 1rem; } }
.pb2 {
padding-bottom: 1rem; }
@media screen and (max-width: 768px) {
.sm-pb2.sm-pb2 {
padding-bottom: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb2.md-pb2.md-pb2 {
padding-bottom: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-pb2.lg-pb2.lg-pb2.lg-pb2 {
padding-bottom: 1rem; } }
.pl2 {
padding-left: 1rem; }
@media screen and (max-width: 768px) {
.sm-pl2.sm-pl2 {
padding-left: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl2.md-pl2.md-pl2 {
padding-left: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-pl2.lg-pl2.lg-pl2.lg-pl2 {
padding-left: 1rem; } }
.pr2 {
padding-right: 1rem; }
@media screen and (max-width: 768px) {
.sm-pr2.sm-pr2 {
padding-right: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr2.md-pr2.md-pr2 {
padding-right: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-pr2.lg-pr2.lg-pr2.lg-pr2 {
padding-right: 1rem; } }
.m2 {
margin: 1rem; }
@media screen and (max-width: 768px) {
.sm-m2.sm-m2 {
margin: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m2.md-m2.md-m2 {
margin: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-m2.lg-m2.lg-m2.lg-m2 {
margin: 1rem; } }
.my2 {
margin-top: 1rem;
margin-bottom: 1rem; }
@media screen and (max-width: 768px) {
.sm-my2.sm-my2 {
margin-top: 1rem;
margin-bottom: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my2.md-my2.md-my2 {
margin-top: 1rem;
margin-bottom: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-my2.lg-my2.lg-my2.lg-my2 {
margin-top: 1rem;
margin-bottom: 1rem; } }
.mx2 {
margin-left: 1rem;
margin-right: 1rem; }
@media screen and (max-width: 768px) {
.sm-mx2.sm-mx2 {
margin-left: 1rem;
margin-right: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx2.md-mx2.md-mx2 {
margin-left: 1rem;
margin-right: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-mx2.lg-mx2.lg-mx2.lg-mx2 {
margin-left: 1rem;
margin-right: 1rem; } }
.mt2 {
margin-top: 1rem; }
@media screen and (max-width: 768px) {
.sm-mt2.sm-mt2 {
margin-top: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt2.md-mt2.md-mt2 {
margin-top: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-mt2.lg-mt2.lg-mt2.lg-mt2 {
margin-top: 1rem; } }
.mb2 {
margin-bottom: 1rem; }
@media screen and (max-width: 768px) {
.sm-mb2.sm-mb2 {
margin-bottom: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb2.md-mb2.md-mb2 {
margin-bottom: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-mb2.lg-mb2.lg-mb2.lg-mb2 {
margin-bottom: 1rem; } }
.ml2 {
margin-left: 1rem; }
@media screen and (max-width: 768px) {
.sm-ml2.sm-ml2 {
margin-left: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml2.md-ml2.md-ml2 {
margin-left: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-ml2.lg-ml2.lg-ml2.lg-ml2 {
margin-left: 1rem; } }
.mr2 {
margin-right: 1rem; }
@media screen and (max-width: 768px) {
.sm-mr2.sm-mr2 {
margin-right: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr2.md-mr2.md-mr2 {
margin-right: 1rem; } }
@media screen and (min-width: 1024px) {
.lg-mr2.lg-mr2.lg-mr2.lg-mr2 {
margin-right: 1rem; } }
.p3 {
padding: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-p3.sm-p3 {
padding: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p3.md-p3.md-p3 {
padding: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p3.lg-p3.lg-p3.lg-p3 {
padding: 1.5rem; } }
.py3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-py3.sm-py3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py3.md-py3.md-py3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py3.lg-py3.lg-py3.lg-py3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem; } }
.px3 {
padding-left: 1.5rem;
padding-right: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-px3.sm-px3 {
padding-left: 1.5rem;
padding-right: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px3.md-px3.md-px3 {
padding-left: 1.5rem;
padding-right: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px3.lg-px3.lg-px3.lg-px3 {
padding-left: 1.5rem;
padding-right: 1.5rem; } }
.pt3 {
padding-top: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-pt3.sm-pt3 {
padding-top: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt3.md-pt3.md-pt3 {
padding-top: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt3.lg-pt3.lg-pt3.lg-pt3 {
padding-top: 1.5rem; } }
.pb3 {
padding-bottom: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-pb3.sm-pb3 {
padding-bottom: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb3.md-pb3.md-pb3 {
padding-bottom: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb3.lg-pb3.lg-pb3.lg-pb3 {
padding-bottom: 1.5rem; } }
.pl3 {
padding-left: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-pl3.sm-pl3 {
padding-left: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl3.md-pl3.md-pl3 {
padding-left: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl3.lg-pl3.lg-pl3.lg-pl3 {
padding-left: 1.5rem; } }
.pr3 {
padding-right: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-pr3.sm-pr3 {
padding-right: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr3.md-pr3.md-pr3 {
padding-right: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr3.lg-pr3.lg-pr3.lg-pr3 {
padding-right: 1.5rem; } }
.m3 {
margin: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-m3.sm-m3 {
margin: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m3.md-m3.md-m3 {
margin: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m3.lg-m3.lg-m3.lg-m3 {
margin: 1.5rem; } }
.my3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-my3.sm-my3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my3.md-my3.md-my3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my3.lg-my3.lg-my3.lg-my3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem; } }
.mx3 {
margin-left: 1.5rem;
margin-right: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-mx3.sm-mx3 {
margin-left: 1.5rem;
margin-right: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx3.md-mx3.md-mx3 {
margin-left: 1.5rem;
margin-right: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx3.lg-mx3.lg-mx3.lg-mx3 {
margin-left: 1.5rem;
margin-right: 1.5rem; } }
.mt3 {
margin-top: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-mt3.sm-mt3 {
margin-top: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt3.md-mt3.md-mt3 {
margin-top: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt3.lg-mt3.lg-mt3.lg-mt3 {
margin-top: 1.5rem; } }
.mb3 {
margin-bottom: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-mb3.sm-mb3 {
margin-bottom: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb3.md-mb3.md-mb3 {
margin-bottom: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb3.lg-mb3.lg-mb3.lg-mb3 {
margin-bottom: 1.5rem; } }
.ml3 {
margin-left: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-ml3.sm-ml3 {
margin-left: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml3.md-ml3.md-ml3 {
margin-left: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml3.lg-ml3.lg-ml3.lg-ml3 {
margin-left: 1.5rem; } }
.mr3 {
margin-right: 1.5rem; }
@media screen and (max-width: 768px) {
.sm-mr3.sm-mr3 {
margin-right: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr3.md-mr3.md-mr3 {
margin-right: 1.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr3.lg-mr3.lg-mr3.lg-mr3 {
margin-right: 1.5rem; } }
.p4 {
padding: 2rem; }
@media screen and (max-width: 768px) {
.sm-p4.sm-p4 {
padding: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p4.md-p4.md-p4 {
padding: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-p4.lg-p4.lg-p4.lg-p4 {
padding: 2rem; } }
.py4 {
padding-top: 2rem;
padding-bottom: 2rem; }
@media screen and (max-width: 768px) {
.sm-py4.sm-py4 {
padding-top: 2rem;
padding-bottom: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py4.md-py4.md-py4 {
padding-top: 2rem;
padding-bottom: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-py4.lg-py4.lg-py4.lg-py4 {
padding-top: 2rem;
padding-bottom: 2rem; } }
.px4 {
padding-left: 2rem;
padding-right: 2rem; }
@media screen and (max-width: 768px) {
.sm-px4.sm-px4 {
padding-left: 2rem;
padding-right: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px4.md-px4.md-px4 {
padding-left: 2rem;
padding-right: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-px4.lg-px4.lg-px4.lg-px4 {
padding-left: 2rem;
padding-right: 2rem; } }
.pt4 {
padding-top: 2rem; }
@media screen and (max-width: 768px) {
.sm-pt4.sm-pt4 {
padding-top: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt4.md-pt4.md-pt4 {
padding-top: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-pt4.lg-pt4.lg-pt4.lg-pt4 {
padding-top: 2rem; } }
.pb4 {
padding-bottom: 2rem; }
@media screen and (max-width: 768px) {
.sm-pb4.sm-pb4 {
padding-bottom: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb4.md-pb4.md-pb4 {
padding-bottom: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-pb4.lg-pb4.lg-pb4.lg-pb4 {
padding-bottom: 2rem; } }
.pl4 {
padding-left: 2rem; }
@media screen and (max-width: 768px) {
.sm-pl4.sm-pl4 {
padding-left: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl4.md-pl4.md-pl4 {
padding-left: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-pl4.lg-pl4.lg-pl4.lg-pl4 {
padding-left: 2rem; } }
.pr4 {
padding-right: 2rem; }
@media screen and (max-width: 768px) {
.sm-pr4.sm-pr4 {
padding-right: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr4.md-pr4.md-pr4 {
padding-right: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-pr4.lg-pr4.lg-pr4.lg-pr4 {
padding-right: 2rem; } }
.m4 {
margin: 2rem; }
@media screen and (max-width: 768px) {
.sm-m4.sm-m4 {
margin: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m4.md-m4.md-m4 {
margin: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-m4.lg-m4.lg-m4.lg-m4 {
margin: 2rem; } }
.my4 {
margin-top: 2rem;
margin-bottom: 2rem; }
@media screen and (max-width: 768px) {
.sm-my4.sm-my4 {
margin-top: 2rem;
margin-bottom: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my4.md-my4.md-my4 {
margin-top: 2rem;
margin-bottom: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-my4.lg-my4.lg-my4.lg-my4 {
margin-top: 2rem;
margin-bottom: 2rem; } }
.mx4 {
margin-left: 2rem;
margin-right: 2rem; }
@media screen and (max-width: 768px) {
.sm-mx4.sm-mx4 {
margin-left: 2rem;
margin-right: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx4.md-mx4.md-mx4 {
margin-left: 2rem;
margin-right: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-mx4.lg-mx4.lg-mx4.lg-mx4 {
margin-left: 2rem;
margin-right: 2rem; } }
.mt4 {
margin-top: 2rem; }
@media screen and (max-width: 768px) {
.sm-mt4.sm-mt4 {
margin-top: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt4.md-mt4.md-mt4 {
margin-top: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-mt4.lg-mt4.lg-mt4.lg-mt4 {
margin-top: 2rem; } }
.mb4 {
margin-bottom: 2rem; }
@media screen and (max-width: 768px) {
.sm-mb4.sm-mb4 {
margin-bottom: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb4.md-mb4.md-mb4 {
margin-bottom: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-mb4.lg-mb4.lg-mb4.lg-mb4 {
margin-bottom: 2rem; } }
.ml4 {
margin-left: 2rem; }
@media screen and (max-width: 768px) {
.sm-ml4.sm-ml4 {
margin-left: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml4.md-ml4.md-ml4 {
margin-left: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-ml4.lg-ml4.lg-ml4.lg-ml4 {
margin-left: 2rem; } }
.mr4 {
margin-right: 2rem; }
@media screen and (max-width: 768px) {
.sm-mr4.sm-mr4 {
margin-right: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr4.md-mr4.md-mr4 {
margin-right: 2rem; } }
@media screen and (min-width: 1024px) {
.lg-mr4.lg-mr4.lg-mr4.lg-mr4 {
margin-right: 2rem; } }
.p5 {
padding: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-p5.sm-p5 {
padding: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p5.md-p5.md-p5 {
padding: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p5.lg-p5.lg-p5.lg-p5 {
padding: 2.5rem; } }
.py5 {
padding-top: 2.5rem;
padding-bottom: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-py5.sm-py5 {
padding-top: 2.5rem;
padding-bottom: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py5.md-py5.md-py5 {
padding-top: 2.5rem;
padding-bottom: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py5.lg-py5.lg-py5.lg-py5 {
padding-top: 2.5rem;
padding-bottom: 2.5rem; } }
.px5 {
padding-left: 2.5rem;
padding-right: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-px5.sm-px5 {
padding-left: 2.5rem;
padding-right: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px5.md-px5.md-px5 {
padding-left: 2.5rem;
padding-right: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px5.lg-px5.lg-px5.lg-px5 {
padding-left: 2.5rem;
padding-right: 2.5rem; } }
.pt5 {
padding-top: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-pt5.sm-pt5 {
padding-top: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt5.md-pt5.md-pt5 {
padding-top: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt5.lg-pt5.lg-pt5.lg-pt5 {
padding-top: 2.5rem; } }
.pb5 {
padding-bottom: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-pb5.sm-pb5 {
padding-bottom: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb5.md-pb5.md-pb5 {
padding-bottom: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb5.lg-pb5.lg-pb5.lg-pb5 {
padding-bottom: 2.5rem; } }
.pl5 {
padding-left: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-pl5.sm-pl5 {
padding-left: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl5.md-pl5.md-pl5 {
padding-left: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl5.lg-pl5.lg-pl5.lg-pl5 {
padding-left: 2.5rem; } }
.pr5 {
padding-right: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-pr5.sm-pr5 {
padding-right: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr5.md-pr5.md-pr5 {
padding-right: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr5.lg-pr5.lg-pr5.lg-pr5 {
padding-right: 2.5rem; } }
.m5 {
margin: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-m5.sm-m5 {
margin: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m5.md-m5.md-m5 {
margin: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m5.lg-m5.lg-m5.lg-m5 {
margin: 2.5rem; } }
.my5 {
margin-top: 2.5rem;
margin-bottom: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-my5.sm-my5 {
margin-top: 2.5rem;
margin-bottom: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my5.md-my5.md-my5 {
margin-top: 2.5rem;
margin-bottom: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my5.lg-my5.lg-my5.lg-my5 {
margin-top: 2.5rem;
margin-bottom: 2.5rem; } }
.mx5 {
margin-left: 2.5rem;
margin-right: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-mx5.sm-mx5 {
margin-left: 2.5rem;
margin-right: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx5.md-mx5.md-mx5 {
margin-left: 2.5rem;
margin-right: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx5.lg-mx5.lg-mx5.lg-mx5 {
margin-left: 2.5rem;
margin-right: 2.5rem; } }
.mt5 {
margin-top: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-mt5.sm-mt5 {
margin-top: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt5.md-mt5.md-mt5 {
margin-top: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt5.lg-mt5.lg-mt5.lg-mt5 {
margin-top: 2.5rem; } }
.mb5 {
margin-bottom: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-mb5.sm-mb5 {
margin-bottom: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb5.md-mb5.md-mb5 {
margin-bottom: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb5.lg-mb5.lg-mb5.lg-mb5 {
margin-bottom: 2.5rem; } }
.ml5 {
margin-left: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-ml5.sm-ml5 {
margin-left: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml5.md-ml5.md-ml5 {
margin-left: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml5.lg-ml5.lg-ml5.lg-ml5 {
margin-left: 2.5rem; } }
.mr5 {
margin-right: 2.5rem; }
@media screen and (max-width: 768px) {
.sm-mr5.sm-mr5 {
margin-right: 2.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr5.md-mr5.md-mr5 {
margin-right: 2.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr5.lg-mr5.lg-mr5.lg-mr5 {
margin-right: 2.5rem; } }
.p6 {
padding: 3rem; }
@media screen and (max-width: 768px) {
.sm-p6.sm-p6 {
padding: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p6.md-p6.md-p6 {
padding: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-p6.lg-p6.lg-p6.lg-p6 {
padding: 3rem; } }
.py6 {
padding-top: 3rem;
padding-bottom: 3rem; }
@media screen and (max-width: 768px) {
.sm-py6.sm-py6 {
padding-top: 3rem;
padding-bottom: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py6.md-py6.md-py6 {
padding-top: 3rem;
padding-bottom: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-py6.lg-py6.lg-py6.lg-py6 {
padding-top: 3rem;
padding-bottom: 3rem; } }
.px6 {
padding-left: 3rem;
padding-right: 3rem; }
@media screen and (max-width: 768px) {
.sm-px6.sm-px6 {
padding-left: 3rem;
padding-right: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px6.md-px6.md-px6 {
padding-left: 3rem;
padding-right: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-px6.lg-px6.lg-px6.lg-px6 {
padding-left: 3rem;
padding-right: 3rem; } }
.pt6 {
padding-top: 3rem; }
@media screen and (max-width: 768px) {
.sm-pt6.sm-pt6 {
padding-top: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt6.md-pt6.md-pt6 {
padding-top: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-pt6.lg-pt6.lg-pt6.lg-pt6 {
padding-top: 3rem; } }
.pb6 {
padding-bottom: 3rem; }
@media screen and (max-width: 768px) {
.sm-pb6.sm-pb6 {
padding-bottom: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb6.md-pb6.md-pb6 {
padding-bottom: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-pb6.lg-pb6.lg-pb6.lg-pb6 {
padding-bottom: 3rem; } }
.pl6 {
padding-left: 3rem; }
@media screen and (max-width: 768px) {
.sm-pl6.sm-pl6 {
padding-left: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl6.md-pl6.md-pl6 {
padding-left: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-pl6.lg-pl6.lg-pl6.lg-pl6 {
padding-left: 3rem; } }
.pr6 {
padding-right: 3rem; }
@media screen and (max-width: 768px) {
.sm-pr6.sm-pr6 {
padding-right: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr6.md-pr6.md-pr6 {
padding-right: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-pr6.lg-pr6.lg-pr6.lg-pr6 {
padding-right: 3rem; } }
.m6 {
margin: 3rem; }
@media screen and (max-width: 768px) {
.sm-m6.sm-m6 {
margin: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m6.md-m6.md-m6 {
margin: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-m6.lg-m6.lg-m6.lg-m6 {
margin: 3rem; } }
.my6 {
margin-top: 3rem;
margin-bottom: 3rem; }
@media screen and (max-width: 768px) {
.sm-my6.sm-my6 {
margin-top: 3rem;
margin-bottom: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my6.md-my6.md-my6 {
margin-top: 3rem;
margin-bottom: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-my6.lg-my6.lg-my6.lg-my6 {
margin-top: 3rem;
margin-bottom: 3rem; } }
.mx6 {
margin-left: 3rem;
margin-right: 3rem; }
@media screen and (max-width: 768px) {
.sm-mx6.sm-mx6 {
margin-left: 3rem;
margin-right: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx6.md-mx6.md-mx6 {
margin-left: 3rem;
margin-right: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-mx6.lg-mx6.lg-mx6.lg-mx6 {
margin-left: 3rem;
margin-right: 3rem; } }
.mt6 {
margin-top: 3rem; }
@media screen and (max-width: 768px) {
.sm-mt6.sm-mt6 {
margin-top: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt6.md-mt6.md-mt6 {
margin-top: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-mt6.lg-mt6.lg-mt6.lg-mt6 {
margin-top: 3rem; } }
.mb6 {
margin-bottom: 3rem; }
@media screen and (max-width: 768px) {
.sm-mb6.sm-mb6 {
margin-bottom: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb6.md-mb6.md-mb6 {
margin-bottom: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-mb6.lg-mb6.lg-mb6.lg-mb6 {
margin-bottom: 3rem; } }
.ml6 {
margin-left: 3rem; }
@media screen and (max-width: 768px) {
.sm-ml6.sm-ml6 {
margin-left: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml6.md-ml6.md-ml6 {
margin-left: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-ml6.lg-ml6.lg-ml6.lg-ml6 {
margin-left: 3rem; } }
.mr6 {
margin-right: 3rem; }
@media screen and (max-width: 768px) {
.sm-mr6.sm-mr6 {
margin-right: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr6.md-mr6.md-mr6 {
margin-right: 3rem; } }
@media screen and (min-width: 1024px) {
.lg-mr6.lg-mr6.lg-mr6.lg-mr6 {
margin-right: 3rem; } }
.p7 {
padding: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-p7.sm-p7 {
padding: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p7.md-p7.md-p7 {
padding: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p7.lg-p7.lg-p7.lg-p7 {
padding: 3.5rem; } }
.py7 {
padding-top: 3.5rem;
padding-bottom: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-py7.sm-py7 {
padding-top: 3.5rem;
padding-bottom: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py7.md-py7.md-py7 {
padding-top: 3.5rem;
padding-bottom: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py7.lg-py7.lg-py7.lg-py7 {
padding-top: 3.5rem;
padding-bottom: 3.5rem; } }
.px7 {
padding-left: 3.5rem;
padding-right: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-px7.sm-px7 {
padding-left: 3.5rem;
padding-right: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px7.md-px7.md-px7 {
padding-left: 3.5rem;
padding-right: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px7.lg-px7.lg-px7.lg-px7 {
padding-left: 3.5rem;
padding-right: 3.5rem; } }
.pt7 {
padding-top: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-pt7.sm-pt7 {
padding-top: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt7.md-pt7.md-pt7 {
padding-top: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt7.lg-pt7.lg-pt7.lg-pt7 {
padding-top: 3.5rem; } }
.pb7 {
padding-bottom: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-pb7.sm-pb7 {
padding-bottom: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb7.md-pb7.md-pb7 {
padding-bottom: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb7.lg-pb7.lg-pb7.lg-pb7 {
padding-bottom: 3.5rem; } }
.pl7 {
padding-left: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-pl7.sm-pl7 {
padding-left: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl7.md-pl7.md-pl7 {
padding-left: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl7.lg-pl7.lg-pl7.lg-pl7 {
padding-left: 3.5rem; } }
.pr7 {
padding-right: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-pr7.sm-pr7 {
padding-right: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr7.md-pr7.md-pr7 {
padding-right: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr7.lg-pr7.lg-pr7.lg-pr7 {
padding-right: 3.5rem; } }
.m7 {
margin: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-m7.sm-m7 {
margin: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m7.md-m7.md-m7 {
margin: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m7.lg-m7.lg-m7.lg-m7 {
margin: 3.5rem; } }
.my7 {
margin-top: 3.5rem;
margin-bottom: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-my7.sm-my7 {
margin-top: 3.5rem;
margin-bottom: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my7.md-my7.md-my7 {
margin-top: 3.5rem;
margin-bottom: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my7.lg-my7.lg-my7.lg-my7 {
margin-top: 3.5rem;
margin-bottom: 3.5rem; } }
.mx7 {
margin-left: 3.5rem;
margin-right: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-mx7.sm-mx7 {
margin-left: 3.5rem;
margin-right: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx7.md-mx7.md-mx7 {
margin-left: 3.5rem;
margin-right: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx7.lg-mx7.lg-mx7.lg-mx7 {
margin-left: 3.5rem;
margin-right: 3.5rem; } }
.mt7 {
margin-top: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-mt7.sm-mt7 {
margin-top: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt7.md-mt7.md-mt7 {
margin-top: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt7.lg-mt7.lg-mt7.lg-mt7 {
margin-top: 3.5rem; } }
.mb7 {
margin-bottom: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-mb7.sm-mb7 {
margin-bottom: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb7.md-mb7.md-mb7 {
margin-bottom: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb7.lg-mb7.lg-mb7.lg-mb7 {
margin-bottom: 3.5rem; } }
.ml7 {
margin-left: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-ml7.sm-ml7 {
margin-left: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml7.md-ml7.md-ml7 {
margin-left: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml7.lg-ml7.lg-ml7.lg-ml7 {
margin-left: 3.5rem; } }
.mr7 {
margin-right: 3.5rem; }
@media screen and (max-width: 768px) {
.sm-mr7.sm-mr7 {
margin-right: 3.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr7.md-mr7.md-mr7 {
margin-right: 3.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr7.lg-mr7.lg-mr7.lg-mr7 {
margin-right: 3.5rem; } }
.p8 {
padding: 4rem; }
@media screen and (max-width: 768px) {
.sm-p8.sm-p8 {
padding: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p8.md-p8.md-p8 {
padding: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-p8.lg-p8.lg-p8.lg-p8 {
padding: 4rem; } }
.py8 {
padding-top: 4rem;
padding-bottom: 4rem; }
@media screen and (max-width: 768px) {
.sm-py8.sm-py8 {
padding-top: 4rem;
padding-bottom: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py8.md-py8.md-py8 {
padding-top: 4rem;
padding-bottom: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-py8.lg-py8.lg-py8.lg-py8 {
padding-top: 4rem;
padding-bottom: 4rem; } }
.px8 {
padding-left: 4rem;
padding-right: 4rem; }
@media screen and (max-width: 768px) {
.sm-px8.sm-px8 {
padding-left: 4rem;
padding-right: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px8.md-px8.md-px8 {
padding-left: 4rem;
padding-right: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-px8.lg-px8.lg-px8.lg-px8 {
padding-left: 4rem;
padding-right: 4rem; } }
.pt8 {
padding-top: 4rem; }
@media screen and (max-width: 768px) {
.sm-pt8.sm-pt8 {
padding-top: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt8.md-pt8.md-pt8 {
padding-top: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-pt8.lg-pt8.lg-pt8.lg-pt8 {
padding-top: 4rem; } }
.pb8 {
padding-bottom: 4rem; }
@media screen and (max-width: 768px) {
.sm-pb8.sm-pb8 {
padding-bottom: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb8.md-pb8.md-pb8 {
padding-bottom: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-pb8.lg-pb8.lg-pb8.lg-pb8 {
padding-bottom: 4rem; } }
.pl8 {
padding-left: 4rem; }
@media screen and (max-width: 768px) {
.sm-pl8.sm-pl8 {
padding-left: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl8.md-pl8.md-pl8 {
padding-left: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-pl8.lg-pl8.lg-pl8.lg-pl8 {
padding-left: 4rem; } }
.pr8 {
padding-right: 4rem; }
@media screen and (max-width: 768px) {
.sm-pr8.sm-pr8 {
padding-right: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr8.md-pr8.md-pr8 {
padding-right: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-pr8.lg-pr8.lg-pr8.lg-pr8 {
padding-right: 4rem; } }
.m8 {
margin: 4rem; }
@media screen and (max-width: 768px) {
.sm-m8.sm-m8 {
margin: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m8.md-m8.md-m8 {
margin: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-m8.lg-m8.lg-m8.lg-m8 {
margin: 4rem; } }
.my8 {
margin-top: 4rem;
margin-bottom: 4rem; }
@media screen and (max-width: 768px) {
.sm-my8.sm-my8 {
margin-top: 4rem;
margin-bottom: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my8.md-my8.md-my8 {
margin-top: 4rem;
margin-bottom: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-my8.lg-my8.lg-my8.lg-my8 {
margin-top: 4rem;
margin-bottom: 4rem; } }
.mx8 {
margin-left: 4rem;
margin-right: 4rem; }
@media screen and (max-width: 768px) {
.sm-mx8.sm-mx8 {
margin-left: 4rem;
margin-right: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx8.md-mx8.md-mx8 {
margin-left: 4rem;
margin-right: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-mx8.lg-mx8.lg-mx8.lg-mx8 {
margin-left: 4rem;
margin-right: 4rem; } }
.mt8 {
margin-top: 4rem; }
@media screen and (max-width: 768px) {
.sm-mt8.sm-mt8 {
margin-top: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt8.md-mt8.md-mt8 {
margin-top: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-mt8.lg-mt8.lg-mt8.lg-mt8 {
margin-top: 4rem; } }
.mb8 {
margin-bottom: 4rem; }
@media screen and (max-width: 768px) {
.sm-mb8.sm-mb8 {
margin-bottom: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb8.md-mb8.md-mb8 {
margin-bottom: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-mb8.lg-mb8.lg-mb8.lg-mb8 {
margin-bottom: 4rem; } }
.ml8 {
margin-left: 4rem; }
@media screen and (max-width: 768px) {
.sm-ml8.sm-ml8 {
margin-left: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml8.md-ml8.md-ml8 {
margin-left: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-ml8.lg-ml8.lg-ml8.lg-ml8 {
margin-left: 4rem; } }
.mr8 {
margin-right: 4rem; }
@media screen and (max-width: 768px) {
.sm-mr8.sm-mr8 {
margin-right: 4rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr8.md-mr8.md-mr8 {
margin-right: 4rem; } }
@media screen and (min-width: 1024px) {
.lg-mr8.lg-mr8.lg-mr8.lg-mr8 {
margin-right: 4rem; } }
.p9 {
padding: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-p9.sm-p9 {
padding: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p9.md-p9.md-p9 {
padding: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p9.lg-p9.lg-p9.lg-p9 {
padding: 4.5rem; } }
.py9 {
padding-top: 4.5rem;
padding-bottom: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-py9.sm-py9 {
padding-top: 4.5rem;
padding-bottom: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py9.md-py9.md-py9 {
padding-top: 4.5rem;
padding-bottom: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py9.lg-py9.lg-py9.lg-py9 {
padding-top: 4.5rem;
padding-bottom: 4.5rem; } }
.px9 {
padding-left: 4.5rem;
padding-right: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-px9.sm-px9 {
padding-left: 4.5rem;
padding-right: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px9.md-px9.md-px9 {
padding-left: 4.5rem;
padding-right: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px9.lg-px9.lg-px9.lg-px9 {
padding-left: 4.5rem;
padding-right: 4.5rem; } }
.pt9 {
padding-top: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-pt9.sm-pt9 {
padding-top: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt9.md-pt9.md-pt9 {
padding-top: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt9.lg-pt9.lg-pt9.lg-pt9 {
padding-top: 4.5rem; } }
.pb9 {
padding-bottom: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-pb9.sm-pb9 {
padding-bottom: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb9.md-pb9.md-pb9 {
padding-bottom: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb9.lg-pb9.lg-pb9.lg-pb9 {
padding-bottom: 4.5rem; } }
.pl9 {
padding-left: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-pl9.sm-pl9 {
padding-left: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl9.md-pl9.md-pl9 {
padding-left: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl9.lg-pl9.lg-pl9.lg-pl9 {
padding-left: 4.5rem; } }
.pr9 {
padding-right: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-pr9.sm-pr9 {
padding-right: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr9.md-pr9.md-pr9 {
padding-right: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr9.lg-pr9.lg-pr9.lg-pr9 {
padding-right: 4.5rem; } }
.m9 {
margin: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-m9.sm-m9 {
margin: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m9.md-m9.md-m9 {
margin: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m9.lg-m9.lg-m9.lg-m9 {
margin: 4.5rem; } }
.my9 {
margin-top: 4.5rem;
margin-bottom: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-my9.sm-my9 {
margin-top: 4.5rem;
margin-bottom: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my9.md-my9.md-my9 {
margin-top: 4.5rem;
margin-bottom: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my9.lg-my9.lg-my9.lg-my9 {
margin-top: 4.5rem;
margin-bottom: 4.5rem; } }
.mx9 {
margin-left: 4.5rem;
margin-right: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-mx9.sm-mx9 {
margin-left: 4.5rem;
margin-right: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx9.md-mx9.md-mx9 {
margin-left: 4.5rem;
margin-right: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx9.lg-mx9.lg-mx9.lg-mx9 {
margin-left: 4.5rem;
margin-right: 4.5rem; } }
.mt9 {
margin-top: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-mt9.sm-mt9 {
margin-top: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt9.md-mt9.md-mt9 {
margin-top: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt9.lg-mt9.lg-mt9.lg-mt9 {
margin-top: 4.5rem; } }
.mb9 {
margin-bottom: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-mb9.sm-mb9 {
margin-bottom: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb9.md-mb9.md-mb9 {
margin-bottom: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb9.lg-mb9.lg-mb9.lg-mb9 {
margin-bottom: 4.5rem; } }
.ml9 {
margin-left: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-ml9.sm-ml9 {
margin-left: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml9.md-ml9.md-ml9 {
margin-left: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml9.lg-ml9.lg-ml9.lg-ml9 {
margin-left: 4.5rem; } }
.mr9 {
margin-right: 4.5rem; }
@media screen and (max-width: 768px) {
.sm-mr9.sm-mr9 {
margin-right: 4.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr9.md-mr9.md-mr9 {
margin-right: 4.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr9.lg-mr9.lg-mr9.lg-mr9 {
margin-right: 4.5rem; } }
.p10 {
padding: 5rem; }
@media screen and (max-width: 768px) {
.sm-p10.sm-p10 {
padding: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p10.md-p10.md-p10 {
padding: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-p10.lg-p10.lg-p10.lg-p10 {
padding: 5rem; } }
.py10 {
padding-top: 5rem;
padding-bottom: 5rem; }
@media screen and (max-width: 768px) {
.sm-py10.sm-py10 {
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py10.md-py10.md-py10 {
padding-top: 5rem;
padding-bottom: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-py10.lg-py10.lg-py10.lg-py10 {
padding-top: 5rem;
padding-bottom: 5rem; } }
.px10 {
padding-left: 5rem;
padding-right: 5rem; }
@media screen and (max-width: 768px) {
.sm-px10.sm-px10 {
padding-left: 5rem;
padding-right: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px10.md-px10.md-px10 {
padding-left: 5rem;
padding-right: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-px10.lg-px10.lg-px10.lg-px10 {
padding-left: 5rem;
padding-right: 5rem; } }
.pt10 {
padding-top: 5rem; }
@media screen and (max-width: 768px) {
.sm-pt10.sm-pt10 {
padding-top: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt10.md-pt10.md-pt10 {
padding-top: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt10.lg-pt10.lg-pt10.lg-pt10 {
padding-top: 5rem; } }
.pb10 {
padding-bottom: 5rem; }
@media screen and (max-width: 768px) {
.sm-pb10.sm-pb10 {
padding-bottom: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb10.md-pb10.md-pb10 {
padding-bottom: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb10.lg-pb10.lg-pb10.lg-pb10 {
padding-bottom: 5rem; } }
.pl10 {
padding-left: 5rem; }
@media screen and (max-width: 768px) {
.sm-pl10.sm-pl10 {
padding-left: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl10.md-pl10.md-pl10 {
padding-left: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl10.lg-pl10.lg-pl10.lg-pl10 {
padding-left: 5rem; } }
.pr10 {
padding-right: 5rem; }
@media screen and (max-width: 768px) {
.sm-pr10.sm-pr10 {
padding-right: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr10.md-pr10.md-pr10 {
padding-right: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr10.lg-pr10.lg-pr10.lg-pr10 {
padding-right: 5rem; } }
.m10 {
margin: 5rem; }
@media screen and (max-width: 768px) {
.sm-m10.sm-m10 {
margin: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m10.md-m10.md-m10 {
margin: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-m10.lg-m10.lg-m10.lg-m10 {
margin: 5rem; } }
.my10 {
margin-top: 5rem;
margin-bottom: 5rem; }
@media screen and (max-width: 768px) {
.sm-my10.sm-my10 {
margin-top: 5rem;
margin-bottom: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my10.md-my10.md-my10 {
margin-top: 5rem;
margin-bottom: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-my10.lg-my10.lg-my10.lg-my10 {
margin-top: 5rem;
margin-bottom: 5rem; } }
.mx10 {
margin-left: 5rem;
margin-right: 5rem; }
@media screen and (max-width: 768px) {
.sm-mx10.sm-mx10 {
margin-left: 5rem;
margin-right: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx10.md-mx10.md-mx10 {
margin-left: 5rem;
margin-right: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx10.lg-mx10.lg-mx10.lg-mx10 {
margin-left: 5rem;
margin-right: 5rem; } }
.mt10 {
margin-top: 5rem; }
@media screen and (max-width: 768px) {
.sm-mt10.sm-mt10 {
margin-top: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt10.md-mt10.md-mt10 {
margin-top: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt10.lg-mt10.lg-mt10.lg-mt10 {
margin-top: 5rem; } }
.mb10 {
margin-bottom: 5rem; }
@media screen and (max-width: 768px) {
.sm-mb10.sm-mb10 {
margin-bottom: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb10.md-mb10.md-mb10 {
margin-bottom: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb10.lg-mb10.lg-mb10.lg-mb10 {
margin-bottom: 5rem; } }
.ml10 {
margin-left: 5rem; }
@media screen and (max-width: 768px) {
.sm-ml10.sm-ml10 {
margin-left: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml10.md-ml10.md-ml10 {
margin-left: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml10.lg-ml10.lg-ml10.lg-ml10 {
margin-left: 5rem; } }
.mr10 {
margin-right: 5rem; }
@media screen and (max-width: 768px) {
.sm-mr10.sm-mr10 {
margin-right: 5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr10.md-mr10.md-mr10 {
margin-right: 5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr10.lg-mr10.lg-mr10.lg-mr10 {
margin-right: 5rem; } }
.p11 {
padding: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-p11.sm-p11 {
padding: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p11.md-p11.md-p11 {
padding: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p11.lg-p11.lg-p11.lg-p11 {
padding: 5.5rem; } }
.py11 {
padding-top: 5.5rem;
padding-bottom: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-py11.sm-py11 {
padding-top: 5.5rem;
padding-bottom: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py11.md-py11.md-py11 {
padding-top: 5.5rem;
padding-bottom: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py11.lg-py11.lg-py11.lg-py11 {
padding-top: 5.5rem;
padding-bottom: 5.5rem; } }
.px11 {
padding-left: 5.5rem;
padding-right: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-px11.sm-px11 {
padding-left: 5.5rem;
padding-right: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px11.md-px11.md-px11 {
padding-left: 5.5rem;
padding-right: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px11.lg-px11.lg-px11.lg-px11 {
padding-left: 5.5rem;
padding-right: 5.5rem; } }
.pt11 {
padding-top: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-pt11.sm-pt11 {
padding-top: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt11.md-pt11.md-pt11 {
padding-top: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt11.lg-pt11.lg-pt11.lg-pt11 {
padding-top: 5.5rem; } }
.pb11 {
padding-bottom: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-pb11.sm-pb11 {
padding-bottom: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb11.md-pb11.md-pb11 {
padding-bottom: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb11.lg-pb11.lg-pb11.lg-pb11 {
padding-bottom: 5.5rem; } }
.pl11 {
padding-left: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-pl11.sm-pl11 {
padding-left: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl11.md-pl11.md-pl11 {
padding-left: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl11.lg-pl11.lg-pl11.lg-pl11 {
padding-left: 5.5rem; } }
.pr11 {
padding-right: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-pr11.sm-pr11 {
padding-right: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr11.md-pr11.md-pr11 {
padding-right: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr11.lg-pr11.lg-pr11.lg-pr11 {
padding-right: 5.5rem; } }
.m11 {
margin: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-m11.sm-m11 {
margin: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m11.md-m11.md-m11 {
margin: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m11.lg-m11.lg-m11.lg-m11 {
margin: 5.5rem; } }
.my11 {
margin-top: 5.5rem;
margin-bottom: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-my11.sm-my11 {
margin-top: 5.5rem;
margin-bottom: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my11.md-my11.md-my11 {
margin-top: 5.5rem;
margin-bottom: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my11.lg-my11.lg-my11.lg-my11 {
margin-top: 5.5rem;
margin-bottom: 5.5rem; } }
.mx11 {
margin-left: 5.5rem;
margin-right: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-mx11.sm-mx11 {
margin-left: 5.5rem;
margin-right: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx11.md-mx11.md-mx11 {
margin-left: 5.5rem;
margin-right: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx11.lg-mx11.lg-mx11.lg-mx11 {
margin-left: 5.5rem;
margin-right: 5.5rem; } }
.mt11 {
margin-top: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-mt11.sm-mt11 {
margin-top: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt11.md-mt11.md-mt11 {
margin-top: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt11.lg-mt11.lg-mt11.lg-mt11 {
margin-top: 5.5rem; } }
.mb11 {
margin-bottom: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-mb11.sm-mb11 {
margin-bottom: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb11.md-mb11.md-mb11 {
margin-bottom: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb11.lg-mb11.lg-mb11.lg-mb11 {
margin-bottom: 5.5rem; } }
.ml11 {
margin-left: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-ml11.sm-ml11 {
margin-left: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml11.md-ml11.md-ml11 {
margin-left: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml11.lg-ml11.lg-ml11.lg-ml11 {
margin-left: 5.5rem; } }
.mr11 {
margin-right: 5.5rem; }
@media screen and (max-width: 768px) {
.sm-mr11.sm-mr11 {
margin-right: 5.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr11.md-mr11.md-mr11 {
margin-right: 5.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr11.lg-mr11.lg-mr11.lg-mr11 {
margin-right: 5.5rem; } }
.p12 {
padding: 6rem; }
@media screen and (max-width: 768px) {
.sm-p12.sm-p12 {
padding: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p12.md-p12.md-p12 {
padding: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-p12.lg-p12.lg-p12.lg-p12 {
padding: 6rem; } }
.py12 {
padding-top: 6rem;
padding-bottom: 6rem; }
@media screen and (max-width: 768px) {
.sm-py12.sm-py12 {
padding-top: 6rem;
padding-bottom: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py12.md-py12.md-py12 {
padding-top: 6rem;
padding-bottom: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-py12.lg-py12.lg-py12.lg-py12 {
padding-top: 6rem;
padding-bottom: 6rem; } }
.px12 {
padding-left: 6rem;
padding-right: 6rem; }
@media screen and (max-width: 768px) {
.sm-px12.sm-px12 {
padding-left: 6rem;
padding-right: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px12.md-px12.md-px12 {
padding-left: 6rem;
padding-right: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-px12.lg-px12.lg-px12.lg-px12 {
padding-left: 6rem;
padding-right: 6rem; } }
.pt12 {
padding-top: 6rem; }
@media screen and (max-width: 768px) {
.sm-pt12.sm-pt12 {
padding-top: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt12.md-pt12.md-pt12 {
padding-top: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-pt12.lg-pt12.lg-pt12.lg-pt12 {
padding-top: 6rem; } }
.pb12 {
padding-bottom: 6rem; }
@media screen and (max-width: 768px) {
.sm-pb12.sm-pb12 {
padding-bottom: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb12.md-pb12.md-pb12 {
padding-bottom: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-pb12.lg-pb12.lg-pb12.lg-pb12 {
padding-bottom: 6rem; } }
.pl12 {
padding-left: 6rem; }
@media screen and (max-width: 768px) {
.sm-pl12.sm-pl12 {
padding-left: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl12.md-pl12.md-pl12 {
padding-left: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-pl12.lg-pl12.lg-pl12.lg-pl12 {
padding-left: 6rem; } }
.pr12 {
padding-right: 6rem; }
@media screen and (max-width: 768px) {
.sm-pr12.sm-pr12 {
padding-right: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr12.md-pr12.md-pr12 {
padding-right: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-pr12.lg-pr12.lg-pr12.lg-pr12 {
padding-right: 6rem; } }
.m12 {
margin: 6rem; }
@media screen and (max-width: 768px) {
.sm-m12.sm-m12 {
margin: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m12.md-m12.md-m12 {
margin: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-m12.lg-m12.lg-m12.lg-m12 {
margin: 6rem; } }
.my12 {
margin-top: 6rem;
margin-bottom: 6rem; }
@media screen and (max-width: 768px) {
.sm-my12.sm-my12 {
margin-top: 6rem;
margin-bottom: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my12.md-my12.md-my12 {
margin-top: 6rem;
margin-bottom: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-my12.lg-my12.lg-my12.lg-my12 {
margin-top: 6rem;
margin-bottom: 6rem; } }
.mx12 {
margin-left: 6rem;
margin-right: 6rem; }
@media screen and (max-width: 768px) {
.sm-mx12.sm-mx12 {
margin-left: 6rem;
margin-right: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx12.md-mx12.md-mx12 {
margin-left: 6rem;
margin-right: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-mx12.lg-mx12.lg-mx12.lg-mx12 {
margin-left: 6rem;
margin-right: 6rem; } }
.mt12 {
margin-top: 6rem; }
@media screen and (max-width: 768px) {
.sm-mt12.sm-mt12 {
margin-top: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt12.md-mt12.md-mt12 {
margin-top: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-mt12.lg-mt12.lg-mt12.lg-mt12 {
margin-top: 6rem; } }
.mb12 {
margin-bottom: 6rem; }
@media screen and (max-width: 768px) {
.sm-mb12.sm-mb12 {
margin-bottom: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb12.md-mb12.md-mb12 {
margin-bottom: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-mb12.lg-mb12.lg-mb12.lg-mb12 {
margin-bottom: 6rem; } }
.ml12 {
margin-left: 6rem; }
@media screen and (max-width: 768px) {
.sm-ml12.sm-ml12 {
margin-left: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml12.md-ml12.md-ml12 {
margin-left: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-ml12.lg-ml12.lg-ml12.lg-ml12 {
margin-left: 6rem; } }
.mr12 {
margin-right: 6rem; }
@media screen and (max-width: 768px) {
.sm-mr12.sm-mr12 {
margin-right: 6rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr12.md-mr12.md-mr12 {
margin-right: 6rem; } }
@media screen and (min-width: 1024px) {
.lg-mr12.lg-mr12.lg-mr12.lg-mr12 {
margin-right: 6rem; } }
.p13 {
padding: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-p13.sm-p13 {
padding: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p13.md-p13.md-p13 {
padding: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p13.lg-p13.lg-p13.lg-p13 {
padding: 6.5rem; } }
.py13 {
padding-top: 6.5rem;
padding-bottom: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-py13.sm-py13 {
padding-top: 6.5rem;
padding-bottom: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py13.md-py13.md-py13 {
padding-top: 6.5rem;
padding-bottom: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py13.lg-py13.lg-py13.lg-py13 {
padding-top: 6.5rem;
padding-bottom: 6.5rem; } }
.px13 {
padding-left: 6.5rem;
padding-right: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-px13.sm-px13 {
padding-left: 6.5rem;
padding-right: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px13.md-px13.md-px13 {
padding-left: 6.5rem;
padding-right: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px13.lg-px13.lg-px13.lg-px13 {
padding-left: 6.5rem;
padding-right: 6.5rem; } }
.pt13 {
padding-top: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-pt13.sm-pt13 {
padding-top: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt13.md-pt13.md-pt13 {
padding-top: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt13.lg-pt13.lg-pt13.lg-pt13 {
padding-top: 6.5rem; } }
.pb13 {
padding-bottom: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-pb13.sm-pb13 {
padding-bottom: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb13.md-pb13.md-pb13 {
padding-bottom: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb13.lg-pb13.lg-pb13.lg-pb13 {
padding-bottom: 6.5rem; } }
.pl13 {
padding-left: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-pl13.sm-pl13 {
padding-left: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl13.md-pl13.md-pl13 {
padding-left: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl13.lg-pl13.lg-pl13.lg-pl13 {
padding-left: 6.5rem; } }
.pr13 {
padding-right: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-pr13.sm-pr13 {
padding-right: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr13.md-pr13.md-pr13 {
padding-right: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr13.lg-pr13.lg-pr13.lg-pr13 {
padding-right: 6.5rem; } }
.m13 {
margin: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-m13.sm-m13 {
margin: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m13.md-m13.md-m13 {
margin: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m13.lg-m13.lg-m13.lg-m13 {
margin: 6.5rem; } }
.my13 {
margin-top: 6.5rem;
margin-bottom: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-my13.sm-my13 {
margin-top: 6.5rem;
margin-bottom: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my13.md-my13.md-my13 {
margin-top: 6.5rem;
margin-bottom: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my13.lg-my13.lg-my13.lg-my13 {
margin-top: 6.5rem;
margin-bottom: 6.5rem; } }
.mx13 {
margin-left: 6.5rem;
margin-right: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-mx13.sm-mx13 {
margin-left: 6.5rem;
margin-right: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx13.md-mx13.md-mx13 {
margin-left: 6.5rem;
margin-right: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx13.lg-mx13.lg-mx13.lg-mx13 {
margin-left: 6.5rem;
margin-right: 6.5rem; } }
.mt13 {
margin-top: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-mt13.sm-mt13 {
margin-top: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt13.md-mt13.md-mt13 {
margin-top: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt13.lg-mt13.lg-mt13.lg-mt13 {
margin-top: 6.5rem; } }
.mb13 {
margin-bottom: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-mb13.sm-mb13 {
margin-bottom: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb13.md-mb13.md-mb13 {
margin-bottom: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb13.lg-mb13.lg-mb13.lg-mb13 {
margin-bottom: 6.5rem; } }
.ml13 {
margin-left: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-ml13.sm-ml13 {
margin-left: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml13.md-ml13.md-ml13 {
margin-left: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml13.lg-ml13.lg-ml13.lg-ml13 {
margin-left: 6.5rem; } }
.mr13 {
margin-right: 6.5rem; }
@media screen and (max-width: 768px) {
.sm-mr13.sm-mr13 {
margin-right: 6.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr13.md-mr13.md-mr13 {
margin-right: 6.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr13.lg-mr13.lg-mr13.lg-mr13 {
margin-right: 6.5rem; } }
.p14 {
padding: 7rem; }
@media screen and (max-width: 768px) {
.sm-p14.sm-p14 {
padding: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p14.md-p14.md-p14 {
padding: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-p14.lg-p14.lg-p14.lg-p14 {
padding: 7rem; } }
.py14 {
padding-top: 7rem;
padding-bottom: 7rem; }
@media screen and (max-width: 768px) {
.sm-py14.sm-py14 {
padding-top: 7rem;
padding-bottom: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py14.md-py14.md-py14 {
padding-top: 7rem;
padding-bottom: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-py14.lg-py14.lg-py14.lg-py14 {
padding-top: 7rem;
padding-bottom: 7rem; } }
.px14 {
padding-left: 7rem;
padding-right: 7rem; }
@media screen and (max-width: 768px) {
.sm-px14.sm-px14 {
padding-left: 7rem;
padding-right: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px14.md-px14.md-px14 {
padding-left: 7rem;
padding-right: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-px14.lg-px14.lg-px14.lg-px14 {
padding-left: 7rem;
padding-right: 7rem; } }
.pt14 {
padding-top: 7rem; }
@media screen and (max-width: 768px) {
.sm-pt14.sm-pt14 {
padding-top: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt14.md-pt14.md-pt14 {
padding-top: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-pt14.lg-pt14.lg-pt14.lg-pt14 {
padding-top: 7rem; } }
.pb14 {
padding-bottom: 7rem; }
@media screen and (max-width: 768px) {
.sm-pb14.sm-pb14 {
padding-bottom: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb14.md-pb14.md-pb14 {
padding-bottom: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-pb14.lg-pb14.lg-pb14.lg-pb14 {
padding-bottom: 7rem; } }
.pl14 {
padding-left: 7rem; }
@media screen and (max-width: 768px) {
.sm-pl14.sm-pl14 {
padding-left: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl14.md-pl14.md-pl14 {
padding-left: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-pl14.lg-pl14.lg-pl14.lg-pl14 {
padding-left: 7rem; } }
.pr14 {
padding-right: 7rem; }
@media screen and (max-width: 768px) {
.sm-pr14.sm-pr14 {
padding-right: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr14.md-pr14.md-pr14 {
padding-right: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-pr14.lg-pr14.lg-pr14.lg-pr14 {
padding-right: 7rem; } }
.m14 {
margin: 7rem; }
@media screen and (max-width: 768px) {
.sm-m14.sm-m14 {
margin: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m14.md-m14.md-m14 {
margin: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-m14.lg-m14.lg-m14.lg-m14 {
margin: 7rem; } }
.my14 {
margin-top: 7rem;
margin-bottom: 7rem; }
@media screen and (max-width: 768px) {
.sm-my14.sm-my14 {
margin-top: 7rem;
margin-bottom: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my14.md-my14.md-my14 {
margin-top: 7rem;
margin-bottom: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-my14.lg-my14.lg-my14.lg-my14 {
margin-top: 7rem;
margin-bottom: 7rem; } }
.mx14 {
margin-left: 7rem;
margin-right: 7rem; }
@media screen and (max-width: 768px) {
.sm-mx14.sm-mx14 {
margin-left: 7rem;
margin-right: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx14.md-mx14.md-mx14 {
margin-left: 7rem;
margin-right: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-mx14.lg-mx14.lg-mx14.lg-mx14 {
margin-left: 7rem;
margin-right: 7rem; } }
.mt14 {
margin-top: 7rem; }
@media screen and (max-width: 768px) {
.sm-mt14.sm-mt14 {
margin-top: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt14.md-mt14.md-mt14 {
margin-top: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-mt14.lg-mt14.lg-mt14.lg-mt14 {
margin-top: 7rem; } }
.mb14 {
margin-bottom: 7rem; }
@media screen and (max-width: 768px) {
.sm-mb14.sm-mb14 {
margin-bottom: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb14.md-mb14.md-mb14 {
margin-bottom: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-mb14.lg-mb14.lg-mb14.lg-mb14 {
margin-bottom: 7rem; } }
.ml14 {
margin-left: 7rem; }
@media screen and (max-width: 768px) {
.sm-ml14.sm-ml14 {
margin-left: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml14.md-ml14.md-ml14 {
margin-left: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-ml14.lg-ml14.lg-ml14.lg-ml14 {
margin-left: 7rem; } }
.mr14 {
margin-right: 7rem; }
@media screen and (max-width: 768px) {
.sm-mr14.sm-mr14 {
margin-right: 7rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr14.md-mr14.md-mr14 {
margin-right: 7rem; } }
@media screen and (min-width: 1024px) {
.lg-mr14.lg-mr14.lg-mr14.lg-mr14 {
margin-right: 7rem; } }
.p15 {
padding: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-p15.sm-p15 {
padding: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p15.md-p15.md-p15 {
padding: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p15.lg-p15.lg-p15.lg-p15 {
padding: 7.5rem; } }
.py15 {
padding-top: 7.5rem;
padding-bottom: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-py15.sm-py15 {
padding-top: 7.5rem;
padding-bottom: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py15.md-py15.md-py15 {
padding-top: 7.5rem;
padding-bottom: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py15.lg-py15.lg-py15.lg-py15 {
padding-top: 7.5rem;
padding-bottom: 7.5rem; } }
.px15 {
padding-left: 7.5rem;
padding-right: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-px15.sm-px15 {
padding-left: 7.5rem;
padding-right: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px15.md-px15.md-px15 {
padding-left: 7.5rem;
padding-right: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px15.lg-px15.lg-px15.lg-px15 {
padding-left: 7.5rem;
padding-right: 7.5rem; } }
.pt15 {
padding-top: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-pt15.sm-pt15 {
padding-top: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt15.md-pt15.md-pt15 {
padding-top: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt15.lg-pt15.lg-pt15.lg-pt15 {
padding-top: 7.5rem; } }
.pb15 {
padding-bottom: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-pb15.sm-pb15 {
padding-bottom: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb15.md-pb15.md-pb15 {
padding-bottom: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb15.lg-pb15.lg-pb15.lg-pb15 {
padding-bottom: 7.5rem; } }
.pl15 {
padding-left: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-pl15.sm-pl15 {
padding-left: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl15.md-pl15.md-pl15 {
padding-left: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl15.lg-pl15.lg-pl15.lg-pl15 {
padding-left: 7.5rem; } }
.pr15 {
padding-right: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-pr15.sm-pr15 {
padding-right: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr15.md-pr15.md-pr15 {
padding-right: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr15.lg-pr15.lg-pr15.lg-pr15 {
padding-right: 7.5rem; } }
.m15 {
margin: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-m15.sm-m15 {
margin: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m15.md-m15.md-m15 {
margin: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m15.lg-m15.lg-m15.lg-m15 {
margin: 7.5rem; } }
.my15 {
margin-top: 7.5rem;
margin-bottom: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-my15.sm-my15 {
margin-top: 7.5rem;
margin-bottom: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my15.md-my15.md-my15 {
margin-top: 7.5rem;
margin-bottom: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my15.lg-my15.lg-my15.lg-my15 {
margin-top: 7.5rem;
margin-bottom: 7.5rem; } }
.mx15 {
margin-left: 7.5rem;
margin-right: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-mx15.sm-mx15 {
margin-left: 7.5rem;
margin-right: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx15.md-mx15.md-mx15 {
margin-left: 7.5rem;
margin-right: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx15.lg-mx15.lg-mx15.lg-mx15 {
margin-left: 7.5rem;
margin-right: 7.5rem; } }
.mt15 {
margin-top: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-mt15.sm-mt15 {
margin-top: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt15.md-mt15.md-mt15 {
margin-top: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt15.lg-mt15.lg-mt15.lg-mt15 {
margin-top: 7.5rem; } }
.mb15 {
margin-bottom: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-mb15.sm-mb15 {
margin-bottom: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb15.md-mb15.md-mb15 {
margin-bottom: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb15.lg-mb15.lg-mb15.lg-mb15 {
margin-bottom: 7.5rem; } }
.ml15 {
margin-left: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-ml15.sm-ml15 {
margin-left: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml15.md-ml15.md-ml15 {
margin-left: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml15.lg-ml15.lg-ml15.lg-ml15 {
margin-left: 7.5rem; } }
.mr15 {
margin-right: 7.5rem; }
@media screen and (max-width: 768px) {
.sm-mr15.sm-mr15 {
margin-right: 7.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr15.md-mr15.md-mr15 {
margin-right: 7.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr15.lg-mr15.lg-mr15.lg-mr15 {
margin-right: 7.5rem; } }
.p16 {
padding: 8rem; }
@media screen and (max-width: 768px) {
.sm-p16.sm-p16 {
padding: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p16.md-p16.md-p16 {
padding: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-p16.lg-p16.lg-p16.lg-p16 {
padding: 8rem; } }
.py16 {
padding-top: 8rem;
padding-bottom: 8rem; }
@media screen and (max-width: 768px) {
.sm-py16.sm-py16 {
padding-top: 8rem;
padding-bottom: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py16.md-py16.md-py16 {
padding-top: 8rem;
padding-bottom: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-py16.lg-py16.lg-py16.lg-py16 {
padding-top: 8rem;
padding-bottom: 8rem; } }
.px16 {
padding-left: 8rem;
padding-right: 8rem; }
@media screen and (max-width: 768px) {
.sm-px16.sm-px16 {
padding-left: 8rem;
padding-right: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px16.md-px16.md-px16 {
padding-left: 8rem;
padding-right: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-px16.lg-px16.lg-px16.lg-px16 {
padding-left: 8rem;
padding-right: 8rem; } }
.pt16 {
padding-top: 8rem; }
@media screen and (max-width: 768px) {
.sm-pt16.sm-pt16 {
padding-top: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt16.md-pt16.md-pt16 {
padding-top: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-pt16.lg-pt16.lg-pt16.lg-pt16 {
padding-top: 8rem; } }
.pb16 {
padding-bottom: 8rem; }
@media screen and (max-width: 768px) {
.sm-pb16.sm-pb16 {
padding-bottom: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb16.md-pb16.md-pb16 {
padding-bottom: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-pb16.lg-pb16.lg-pb16.lg-pb16 {
padding-bottom: 8rem; } }
.pl16 {
padding-left: 8rem; }
@media screen and (max-width: 768px) {
.sm-pl16.sm-pl16 {
padding-left: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl16.md-pl16.md-pl16 {
padding-left: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-pl16.lg-pl16.lg-pl16.lg-pl16 {
padding-left: 8rem; } }
.pr16 {
padding-right: 8rem; }
@media screen and (max-width: 768px) {
.sm-pr16.sm-pr16 {
padding-right: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr16.md-pr16.md-pr16 {
padding-right: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-pr16.lg-pr16.lg-pr16.lg-pr16 {
padding-right: 8rem; } }
.m16 {
margin: 8rem; }
@media screen and (max-width: 768px) {
.sm-m16.sm-m16 {
margin: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m16.md-m16.md-m16 {
margin: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-m16.lg-m16.lg-m16.lg-m16 {
margin: 8rem; } }
.my16 {
margin-top: 8rem;
margin-bottom: 8rem; }
@media screen and (max-width: 768px) {
.sm-my16.sm-my16 {
margin-top: 8rem;
margin-bottom: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my16.md-my16.md-my16 {
margin-top: 8rem;
margin-bottom: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-my16.lg-my16.lg-my16.lg-my16 {
margin-top: 8rem;
margin-bottom: 8rem; } }
.mx16 {
margin-left: 8rem;
margin-right: 8rem; }
@media screen and (max-width: 768px) {
.sm-mx16.sm-mx16 {
margin-left: 8rem;
margin-right: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx16.md-mx16.md-mx16 {
margin-left: 8rem;
margin-right: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-mx16.lg-mx16.lg-mx16.lg-mx16 {
margin-left: 8rem;
margin-right: 8rem; } }
.mt16 {
margin-top: 8rem; }
@media screen and (max-width: 768px) {
.sm-mt16.sm-mt16 {
margin-top: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt16.md-mt16.md-mt16 {
margin-top: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-mt16.lg-mt16.lg-mt16.lg-mt16 {
margin-top: 8rem; } }
.mb16 {
margin-bottom: 8rem; }
@media screen and (max-width: 768px) {
.sm-mb16.sm-mb16 {
margin-bottom: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb16.md-mb16.md-mb16 {
margin-bottom: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-mb16.lg-mb16.lg-mb16.lg-mb16 {
margin-bottom: 8rem; } }
.ml16 {
margin-left: 8rem; }
@media screen and (max-width: 768px) {
.sm-ml16.sm-ml16 {
margin-left: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml16.md-ml16.md-ml16 {
margin-left: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-ml16.lg-ml16.lg-ml16.lg-ml16 {
margin-left: 8rem; } }
.mr16 {
margin-right: 8rem; }
@media screen and (max-width: 768px) {
.sm-mr16.sm-mr16 {
margin-right: 8rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr16.md-mr16.md-mr16 {
margin-right: 8rem; } }
@media screen and (min-width: 1024px) {
.lg-mr16.lg-mr16.lg-mr16.lg-mr16 {
margin-right: 8rem; } }
.p17 {
padding: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-p17.sm-p17 {
padding: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p17.md-p17.md-p17 {
padding: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p17.lg-p17.lg-p17.lg-p17 {
padding: 8.5rem; } }
.py17 {
padding-top: 8.5rem;
padding-bottom: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-py17.sm-py17 {
padding-top: 8.5rem;
padding-bottom: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py17.md-py17.md-py17 {
padding-top: 8.5rem;
padding-bottom: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py17.lg-py17.lg-py17.lg-py17 {
padding-top: 8.5rem;
padding-bottom: 8.5rem; } }
.px17 {
padding-left: 8.5rem;
padding-right: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-px17.sm-px17 {
padding-left: 8.5rem;
padding-right: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px17.md-px17.md-px17 {
padding-left: 8.5rem;
padding-right: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px17.lg-px17.lg-px17.lg-px17 {
padding-left: 8.5rem;
padding-right: 8.5rem; } }
.pt17 {
padding-top: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-pt17.sm-pt17 {
padding-top: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt17.md-pt17.md-pt17 {
padding-top: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt17.lg-pt17.lg-pt17.lg-pt17 {
padding-top: 8.5rem; } }
.pb17 {
padding-bottom: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-pb17.sm-pb17 {
padding-bottom: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb17.md-pb17.md-pb17 {
padding-bottom: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb17.lg-pb17.lg-pb17.lg-pb17 {
padding-bottom: 8.5rem; } }
.pl17 {
padding-left: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-pl17.sm-pl17 {
padding-left: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl17.md-pl17.md-pl17 {
padding-left: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl17.lg-pl17.lg-pl17.lg-pl17 {
padding-left: 8.5rem; } }
.pr17 {
padding-right: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-pr17.sm-pr17 {
padding-right: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr17.md-pr17.md-pr17 {
padding-right: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr17.lg-pr17.lg-pr17.lg-pr17 {
padding-right: 8.5rem; } }
.m17 {
margin: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-m17.sm-m17 {
margin: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m17.md-m17.md-m17 {
margin: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m17.lg-m17.lg-m17.lg-m17 {
margin: 8.5rem; } }
.my17 {
margin-top: 8.5rem;
margin-bottom: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-my17.sm-my17 {
margin-top: 8.5rem;
margin-bottom: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my17.md-my17.md-my17 {
margin-top: 8.5rem;
margin-bottom: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my17.lg-my17.lg-my17.lg-my17 {
margin-top: 8.5rem;
margin-bottom: 8.5rem; } }
.mx17 {
margin-left: 8.5rem;
margin-right: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-mx17.sm-mx17 {
margin-left: 8.5rem;
margin-right: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx17.md-mx17.md-mx17 {
margin-left: 8.5rem;
margin-right: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx17.lg-mx17.lg-mx17.lg-mx17 {
margin-left: 8.5rem;
margin-right: 8.5rem; } }
.mt17 {
margin-top: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-mt17.sm-mt17 {
margin-top: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt17.md-mt17.md-mt17 {
margin-top: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt17.lg-mt17.lg-mt17.lg-mt17 {
margin-top: 8.5rem; } }
.mb17 {
margin-bottom: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-mb17.sm-mb17 {
margin-bottom: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb17.md-mb17.md-mb17 {
margin-bottom: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb17.lg-mb17.lg-mb17.lg-mb17 {
margin-bottom: 8.5rem; } }
.ml17 {
margin-left: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-ml17.sm-ml17 {
margin-left: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml17.md-ml17.md-ml17 {
margin-left: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml17.lg-ml17.lg-ml17.lg-ml17 {
margin-left: 8.5rem; } }
.mr17 {
margin-right: 8.5rem; }
@media screen and (max-width: 768px) {
.sm-mr17.sm-mr17 {
margin-right: 8.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr17.md-mr17.md-mr17 {
margin-right: 8.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr17.lg-mr17.lg-mr17.lg-mr17 {
margin-right: 8.5rem; } }
.p18 {
padding: 9rem; }
@media screen and (max-width: 768px) {
.sm-p18.sm-p18 {
padding: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p18.md-p18.md-p18 {
padding: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-p18.lg-p18.lg-p18.lg-p18 {
padding: 9rem; } }
.py18 {
padding-top: 9rem;
padding-bottom: 9rem; }
@media screen and (max-width: 768px) {
.sm-py18.sm-py18 {
padding-top: 9rem;
padding-bottom: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py18.md-py18.md-py18 {
padding-top: 9rem;
padding-bottom: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-py18.lg-py18.lg-py18.lg-py18 {
padding-top: 9rem;
padding-bottom: 9rem; } }
.px18 {
padding-left: 9rem;
padding-right: 9rem; }
@media screen and (max-width: 768px) {
.sm-px18.sm-px18 {
padding-left: 9rem;
padding-right: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px18.md-px18.md-px18 {
padding-left: 9rem;
padding-right: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-px18.lg-px18.lg-px18.lg-px18 {
padding-left: 9rem;
padding-right: 9rem; } }
.pt18 {
padding-top: 9rem; }
@media screen and (max-width: 768px) {
.sm-pt18.sm-pt18 {
padding-top: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt18.md-pt18.md-pt18 {
padding-top: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-pt18.lg-pt18.lg-pt18.lg-pt18 {
padding-top: 9rem; } }
.pb18 {
padding-bottom: 9rem; }
@media screen and (max-width: 768px) {
.sm-pb18.sm-pb18 {
padding-bottom: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb18.md-pb18.md-pb18 {
padding-bottom: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-pb18.lg-pb18.lg-pb18.lg-pb18 {
padding-bottom: 9rem; } }
.pl18 {
padding-left: 9rem; }
@media screen and (max-width: 768px) {
.sm-pl18.sm-pl18 {
padding-left: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl18.md-pl18.md-pl18 {
padding-left: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-pl18.lg-pl18.lg-pl18.lg-pl18 {
padding-left: 9rem; } }
.pr18 {
padding-right: 9rem; }
@media screen and (max-width: 768px) {
.sm-pr18.sm-pr18 {
padding-right: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr18.md-pr18.md-pr18 {
padding-right: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-pr18.lg-pr18.lg-pr18.lg-pr18 {
padding-right: 9rem; } }
.m18 {
margin: 9rem; }
@media screen and (max-width: 768px) {
.sm-m18.sm-m18 {
margin: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m18.md-m18.md-m18 {
margin: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-m18.lg-m18.lg-m18.lg-m18 {
margin: 9rem; } }
.my18 {
margin-top: 9rem;
margin-bottom: 9rem; }
@media screen and (max-width: 768px) {
.sm-my18.sm-my18 {
margin-top: 9rem;
margin-bottom: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my18.md-my18.md-my18 {
margin-top: 9rem;
margin-bottom: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-my18.lg-my18.lg-my18.lg-my18 {
margin-top: 9rem;
margin-bottom: 9rem; } }
.mx18 {
margin-left: 9rem;
margin-right: 9rem; }
@media screen and (max-width: 768px) {
.sm-mx18.sm-mx18 {
margin-left: 9rem;
margin-right: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx18.md-mx18.md-mx18 {
margin-left: 9rem;
margin-right: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-mx18.lg-mx18.lg-mx18.lg-mx18 {
margin-left: 9rem;
margin-right: 9rem; } }
.mt18 {
margin-top: 9rem; }
@media screen and (max-width: 768px) {
.sm-mt18.sm-mt18 {
margin-top: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt18.md-mt18.md-mt18 {
margin-top: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-mt18.lg-mt18.lg-mt18.lg-mt18 {
margin-top: 9rem; } }
.mb18 {
margin-bottom: 9rem; }
@media screen and (max-width: 768px) {
.sm-mb18.sm-mb18 {
margin-bottom: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb18.md-mb18.md-mb18 {
margin-bottom: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-mb18.lg-mb18.lg-mb18.lg-mb18 {
margin-bottom: 9rem; } }
.ml18 {
margin-left: 9rem; }
@media screen and (max-width: 768px) {
.sm-ml18.sm-ml18 {
margin-left: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml18.md-ml18.md-ml18 {
margin-left: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-ml18.lg-ml18.lg-ml18.lg-ml18 {
margin-left: 9rem; } }
.mr18 {
margin-right: 9rem; }
@media screen and (max-width: 768px) {
.sm-mr18.sm-mr18 {
margin-right: 9rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr18.md-mr18.md-mr18 {
margin-right: 9rem; } }
@media screen and (min-width: 1024px) {
.lg-mr18.lg-mr18.lg-mr18.lg-mr18 {
margin-right: 9rem; } }
.p19 {
padding: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-p19.sm-p19 {
padding: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p19.md-p19.md-p19 {
padding: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-p19.lg-p19.lg-p19.lg-p19 {
padding: 9.5rem; } }
.py19 {
padding-top: 9.5rem;
padding-bottom: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-py19.sm-py19 {
padding-top: 9.5rem;
padding-bottom: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py19.md-py19.md-py19 {
padding-top: 9.5rem;
padding-bottom: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-py19.lg-py19.lg-py19.lg-py19 {
padding-top: 9.5rem;
padding-bottom: 9.5rem; } }
.px19 {
padding-left: 9.5rem;
padding-right: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-px19.sm-px19 {
padding-left: 9.5rem;
padding-right: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px19.md-px19.md-px19 {
padding-left: 9.5rem;
padding-right: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-px19.lg-px19.lg-px19.lg-px19 {
padding-left: 9.5rem;
padding-right: 9.5rem; } }
.pt19 {
padding-top: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-pt19.sm-pt19 {
padding-top: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt19.md-pt19.md-pt19 {
padding-top: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pt19.lg-pt19.lg-pt19.lg-pt19 {
padding-top: 9.5rem; } }
.pb19 {
padding-bottom: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-pb19.sm-pb19 {
padding-bottom: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb19.md-pb19.md-pb19 {
padding-bottom: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pb19.lg-pb19.lg-pb19.lg-pb19 {
padding-bottom: 9.5rem; } }
.pl19 {
padding-left: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-pl19.sm-pl19 {
padding-left: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl19.md-pl19.md-pl19 {
padding-left: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pl19.lg-pl19.lg-pl19.lg-pl19 {
padding-left: 9.5rem; } }
.pr19 {
padding-right: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-pr19.sm-pr19 {
padding-right: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr19.md-pr19.md-pr19 {
padding-right: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-pr19.lg-pr19.lg-pr19.lg-pr19 {
padding-right: 9.5rem; } }
.m19 {
margin: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-m19.sm-m19 {
margin: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m19.md-m19.md-m19 {
margin: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-m19.lg-m19.lg-m19.lg-m19 {
margin: 9.5rem; } }
.my19 {
margin-top: 9.5rem;
margin-bottom: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-my19.sm-my19 {
margin-top: 9.5rem;
margin-bottom: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my19.md-my19.md-my19 {
margin-top: 9.5rem;
margin-bottom: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-my19.lg-my19.lg-my19.lg-my19 {
margin-top: 9.5rem;
margin-bottom: 9.5rem; } }
.mx19 {
margin-left: 9.5rem;
margin-right: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-mx19.sm-mx19 {
margin-left: 9.5rem;
margin-right: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx19.md-mx19.md-mx19 {
margin-left: 9.5rem;
margin-right: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mx19.lg-mx19.lg-mx19.lg-mx19 {
margin-left: 9.5rem;
margin-right: 9.5rem; } }
.mt19 {
margin-top: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-mt19.sm-mt19 {
margin-top: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt19.md-mt19.md-mt19 {
margin-top: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mt19.lg-mt19.lg-mt19.lg-mt19 {
margin-top: 9.5rem; } }
.mb19 {
margin-bottom: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-mb19.sm-mb19 {
margin-bottom: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb19.md-mb19.md-mb19 {
margin-bottom: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mb19.lg-mb19.lg-mb19.lg-mb19 {
margin-bottom: 9.5rem; } }
.ml19 {
margin-left: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-ml19.sm-ml19 {
margin-left: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml19.md-ml19.md-ml19 {
margin-left: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-ml19.lg-ml19.lg-ml19.lg-ml19 {
margin-left: 9.5rem; } }
.mr19 {
margin-right: 9.5rem; }
@media screen and (max-width: 768px) {
.sm-mr19.sm-mr19 {
margin-right: 9.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr19.md-mr19.md-mr19 {
margin-right: 9.5rem; } }
@media screen and (min-width: 1024px) {
.lg-mr19.lg-mr19.lg-mr19.lg-mr19 {
margin-right: 9.5rem; } }
.p20 {
padding: 10rem; }
@media screen and (max-width: 768px) {
.sm-p20.sm-p20 {
padding: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-p20.md-p20.md-p20 {
padding: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-p20.lg-p20.lg-p20.lg-p20 {
padding: 10rem; } }
.py20 {
padding-top: 10rem;
padding-bottom: 10rem; }
@media screen and (max-width: 768px) {
.sm-py20.sm-py20 {
padding-top: 10rem;
padding-bottom: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-py20.md-py20.md-py20 {
padding-top: 10rem;
padding-bottom: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-py20.lg-py20.lg-py20.lg-py20 {
padding-top: 10rem;
padding-bottom: 10rem; } }
.px20 {
padding-left: 10rem;
padding-right: 10rem; }
@media screen and (max-width: 768px) {
.sm-px20.sm-px20 {
padding-left: 10rem;
padding-right: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-px20.md-px20.md-px20 {
padding-left: 10rem;
padding-right: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-px20.lg-px20.lg-px20.lg-px20 {
padding-left: 10rem;
padding-right: 10rem; } }
.pt20 {
padding-top: 10rem; }
@media screen and (max-width: 768px) {
.sm-pt20.sm-pt20 {
padding-top: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pt20.md-pt20.md-pt20 {
padding-top: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-pt20.lg-pt20.lg-pt20.lg-pt20 {
padding-top: 10rem; } }
.pb20 {
padding-bottom: 10rem; }
@media screen and (max-width: 768px) {
.sm-pb20.sm-pb20 {
padding-bottom: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pb20.md-pb20.md-pb20 {
padding-bottom: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-pb20.lg-pb20.lg-pb20.lg-pb20 {
padding-bottom: 10rem; } }
.pl20 {
padding-left: 10rem; }
@media screen and (max-width: 768px) {
.sm-pl20.sm-pl20 {
padding-left: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pl20.md-pl20.md-pl20 {
padding-left: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-pl20.lg-pl20.lg-pl20.lg-pl20 {
padding-left: 10rem; } }
.pr20 {
padding-right: 10rem; }
@media screen and (max-width: 768px) {
.sm-pr20.sm-pr20 {
padding-right: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-pr20.md-pr20.md-pr20 {
padding-right: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-pr20.lg-pr20.lg-pr20.lg-pr20 {
padding-right: 10rem; } }
.m20 {
margin: 10rem; }
@media screen and (max-width: 768px) {
.sm-m20.sm-m20 {
margin: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-m20.md-m20.md-m20 {
margin: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-m20.lg-m20.lg-m20.lg-m20 {
margin: 10rem; } }
.my20 {
margin-top: 10rem;
margin-bottom: 10rem; }
@media screen and (max-width: 768px) {
.sm-my20.sm-my20 {
margin-top: 10rem;
margin-bottom: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-my20.md-my20.md-my20 {
margin-top: 10rem;
margin-bottom: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-my20.lg-my20.lg-my20.lg-my20 {
margin-top: 10rem;
margin-bottom: 10rem; } }
.mx20 {
margin-left: 10rem;
margin-right: 10rem; }
@media screen and (max-width: 768px) {
.sm-mx20.sm-mx20 {
margin-left: 10rem;
margin-right: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mx20.md-mx20.md-mx20 {
margin-left: 10rem;
margin-right: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-mx20.lg-mx20.lg-mx20.lg-mx20 {
margin-left: 10rem;
margin-right: 10rem; } }
.mt20 {
margin-top: 10rem; }
@media screen and (max-width: 768px) {
.sm-mt20.sm-mt20 {
margin-top: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mt20.md-mt20.md-mt20 {
margin-top: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-mt20.lg-mt20.lg-mt20.lg-mt20 {
margin-top: 10rem; } }
.mb20 {
margin-bottom: 10rem; }
@media screen and (max-width: 768px) {
.sm-mb20.sm-mb20 {
margin-bottom: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mb20.md-mb20.md-mb20 {
margin-bottom: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-mb20.lg-mb20.lg-mb20.lg-mb20 {
margin-bottom: 10rem; } }
.ml20 {
margin-left: 10rem; }
@media screen and (max-width: 768px) {
.sm-ml20.sm-ml20 {
margin-left: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-ml20.md-ml20.md-ml20 {
margin-left: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-ml20.lg-ml20.lg-ml20.lg-ml20 {
margin-left: 10rem; } }
.mr20 {
margin-right: 10rem; }
@media screen and (max-width: 768px) {
.sm-mr20.sm-mr20 {
margin-right: 10rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.md-mr20.md-mr20.md-mr20 {
margin-right: 10rem; } }
@media screen and (min-width: 1024px) {
.lg-mr20.lg-mr20.lg-mr20.lg-mr20 {
margin-right: 10rem; } }
.m-auto {
margin-left: auto;
margin-right: auto; }
.t0 {
top: 0; }
.b0 {
bottom: 0; }
.l0 {
left: 0; }
.r0 {
right: 0; }
.flex {
display: flex; }
.flex-column {
flex-direction: column; }
.flex-wrap {
flex-wrap: wrap; }
.items-start {
align-items: flex-start; }
.items-end {
align-items: flex-end; }
.items-center {
align-items: center; }
.items-baseline {
align-items: baseline; }
.items-stretch {
align-items: stretch; }
.self-start {
align-self: flex-start; }
.self-end {
align-self: flex-end; }
.self-center {
align-self: center; }
.self-baseline {
align-self: baseline; }
.self-stretch {
align-self: stretch; }
.justify-start {
justify-content: flex-start; }
.justify-end {
justify-content: flex-end; }
.justify-center {
justify-content: center; }
.justify-between {
justify-content: space-between; }
.justify-around {
justify-content: space-around; }
.content-start {
align-content: flex-start; }
.content-end {
align-content: flex-end; }
.content-center {
align-content: center; }
.content-between {
align-content: space-between; }
.content-around {
align-content: space-around; }
.content-stretch {
align-content: stretch; }
.flex-auto {
flex: 1 1 auto;
min-width: 0; min-height: 0; }
.order1 {
order: 1; }
.order2 {
order: 2; }
@media screen and (max-width: 1024px) {
.sm-flex-row {
flex-direction: row; }
.sm-flex-column {
flex-direction: column; }
.sm-flex-basis-100 {
flex-basis: 100%; } }
@media screen and (max-width: 1024px) {
.sm-hide {
display: none; }
.sm-show {
display: block; }
.sm-text-center {
text-align: center; } }
.max-w100px {
max-width: 100px; }
.max-w150px {
max-width: 150px; }
.max-w300px {
max-width: 300px; }
.max-w450px {
max-width: 450px; }
.max-w600px {
max-width: 600px; }
.max-w750px {
max-width: 750px; }
.max-w900px {
max-width: 900px; }
.min-h100vh {
min-height: 100vh; }
.w100 {
width: 100%; }
.w75 {
width: 75%; }
.w50 {
width: 50%; }
.w49 {
width: 49%; }
.w45 {
width: 45%; }
.w32 {
width: 32%; }
.w25 {
width: 25%; }
.w20 {
width: 20%; }
.w15 {
width: 15%; }
.w10 {
width: 10%; }
.w33 {
width: calc(33.33% - 10px); }
.h200px {
height: 200px; }
.h100 {
height: 100%; }
.hamburger {
width: 24px;
height: 22px;
vertical-align: middle;
cursor: pointer;
position: relative;
margin: 15px;
display: none;
float: right;
z-index: 2; }
@media screen and (max-device-width: 760px) {
.hamburger {
display: inline-block; } }
.hamburger span {
height: 3px;
top: 8px;
background-color: #FFF;
width: 100%;
display: block;
position: absolute;
border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.hamburger span:first-child {
top: 0; }
.hamburger span:last-child {
top: 16px; }
@media only screen and (max-width: 480px) {
.hamburger.hamburger--active + .top-bar__title {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); } }
.hamburger.hamburger--active span:nth-child(2) {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.hamburger.hamburger--active span:first-child {
-webkit-transform: rotate(-45deg) translateX(-12px);
-moz-transform: rotate(-45deg) translateX(-12px);
-ms-transform: rotate(-45deg) translateX(-12px);
-o-transform: rotate(-45deg) translateX(-12px);
transform: rotate(-45deg) translateX(-12px); }
.hamburger.hamburger--active span:last-child {
-webkit-transform: rotate(45deg) translateX(-12px);
-moz-transform: rotate(45deg) translateX(-12px);
-ms-transform: rotate(45deg) translateX(-12px);
-o-transform: rotate(45deg) translateX(-12px);
transform: rotate(45deg) translateX(-12px);
top: 17px; }
.home-page__content-links {
display: flex;
justify-content: space-between;
z-index: 4;
position: relative; }
@media screen and (max-device-width: 1200px) {
.home-page__content-links {
justify-content: space-around; } }
@media screen and (max-device-width: 760px) {
.home-page__content-links {
flex-direction: column; }
.home-page__content-links.home-page__content-links__instagram {
flex-direction: row;
flex-wrap: wrap; }
.home-page__content-links.home-page__content-links__instagram .home-page__content-link {
width: 290px !important;
height: 290px !important; } }
@media screen and (max-device-width: 760px) {
.home-page__content-links.home-page__content-links__instagram .home-page__content-link {
width: 150px !important;
height: 150px !important; } }
.home-page__content-links .home-page__content-link {
width: 315px;
height: 315px;
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: center; }
@media only screen and (max-width: 320px) {
.home-page__content-links .home-page__content-link {
margin: 10px auto; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.home-page__content-links .home-page__content-link {
margin: 10px auto; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
.home-page__content-links .home-page__content-link {
margin: 10px auto; } }
.home-page__content-links .home-page__content-link:before {
transition-duration: 0.3s;
content: '';
width: 100%;
position: absolute;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1); }
.home-page__content-links .home-page__content-link:hover:before {
background-color: rgba(0, 0, 0, 0.4); }
.home-page__content-links .home-page__content-link img {
width: 200%; }
.home-page__content-links .home-page__content-link .home-page__content-link__title {
position: absolute;
color: #fff;
text-transform: uppercase;
top: 50%;
margin: 0;
line-height: 1.2em;
text-shadow: 1px 2px 0 #a13f4c;
font-size: 48px;
width: 100%;
left: 0;
right: 0;
text-align: center;
letter-spacing: 1px;
font-family: "DisplayArtThree", sans-serif;
-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.instagram-info__wrapper {
display: flex;
padding-top: 50px; }
.instagram-info__wrapper .instagram-info__container {
margin: auto;
display: flex; }
.instagram-info__wrapper img {
width: 100px;
height: 100px;
border-radius: 50%; }
.instagram-info__wrapper .instagram-info {
color: #fff;
padding: 30px; }
.instagram-info__wrapper .instagram-info strong {
text-transform: uppercase;
font-weight: 600;
font-size: 28px;
margin-right: 20px;
font-family: "DisplayArtThree", sans-serif;
display: block; }
@media screen and (max-device-width: 760px) {
.instagram-info__wrapper img {
margin: auto 30px;
width: 50px;
height: 50px; }
.instagram-info__wrapper .instagram-info {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 !important; }
.instagram-info__wrapper .instagram-info strong {
margin: 0;
font-size: 20px !important; } }
.index-page-address__wrapper {
display: flex;
justify-content: space-between;
z-index: 4;
position: relative; }
@media screen and (max-device-width: 1200px) {
.index-page-address__wrapper {
justify-content: space-around; } }
@media screen and (max-device-width: 768px) {
.index-page-address__wrapper {
flex-direction: column; }
.index-page-address__wrapper .index-page-address__map {
width: 90% !important;
position: relative;
overflow: hidden;
margin: auto; }
.index-page-address__wrapper .index-page-address__info {
margin: auto;
text-align: center; }
.index-page-address__wrapper .index-page-address__info .index-page-address__info-title {
margin: 20px;
font-size: 20px !important; }
.index-page-address__wrapper .index-page-address__info .index-page-address__info-content {
padding: 0 !important; } }
.index-page-address__wrapper .index-page-address__map {
width: 60%;
height: 300px; }
.index-page-address__wrapper .index-page-address__info {
flex-grow: 1;
color: #fff;
padding-left: 30px; }
@media screen and (max-device-width: 1200px) {
.index-page-address__wrapper .index-page-address__info {
flex-grow: 0;
padding-left: 0; } }
.index-page-address__wrapper .index-page-address__info .index-page-address__info-title {
text-transform: uppercase;
font-weight: 600;
font-size: 28px;
font-family: "DisplayArtThree", sans-serif; }
.index-page-address__wrapper .index-page-address__info .index-page-address__info-content {
padding: 10px 0 50px 0; }
.index-page-address__wrapper .index-page-address__info .index-page-address__info-btn {
background-color: #232323;
padding: 6px 90px;
display: inline;
text-transform: uppercase;
font-weight: 600;
border-radius: 5px;
cursor: pointer;
transition-duration: 0.3s; }
.index-page-address__wrapper .index-page-address__info .index-page-address__info-btn:hover {
background-color: #000; }
.contact-page__wrapper {
display: flex;
justify-content: space-between; }
.contact-page__wrapper form {
width: 50%; }
.contact-page__wrapper .contact-page__address {
width: 45%;
padding-top: 32px; }
.contact-page__wrapper .contact-page__address #map {
width: 100%;
height: 380px; }
@media screen and (max-device-width: 768px) {
.contact-page__wrapper {
flex-direction: column; }
.contact-page__wrapper form {
width: 97%; }
.contact-page__wrapper form textarea {
width: 94%; }
.contact-page__wrapper .contact-page__address {
width: 97%;
margin: auto; } }
.content-page__image {
height: 370px;
overflow: hidden;
position: relative;
background: url(//camphillantiquecentre.com/app/themes/cha/assets/img/christelle-bourgeois-37353.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover; }
.content-page__image:before {
content: '';
width: 100%;
position: absolute;
height: 100%;
background-color: rgba(0, 0, 0, 0.1); }
.content-page__image .page__heading {
position: absolute;
z-index: 3;
color: #fff;
margin: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 320px) {
.content-page__image {
height: 250px; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.content-page__image {
height: 250px; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
.content-page__image {
height: 250px; } }
.content-page__title {
position: relative; }
.content-page__title:before {
background: #000;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%; }
.content-page__title h2 {
text-transform: uppercase;
background-color: #fff;
display: inline;
z-index: 2;
position: absolute;
font-size: 22pt;
left: 50%;
margin: 0;
top: 0;
margin-top: -17px;
padding: 0 70px;
-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-device-width: 768px) {
.content-page__title h2 {
font-size: 16pt;
margin-top: -12px;
width: 55%;
text-align: center;
padding: 0; } }
@media screen and (max-device-width: 768px) {
.content-page__content {
padding: 10px; } }
.archive-page__item {
display: flex;
flex-direction: column;
max-width: 33.333%;
flex-basis: 33.333%;
flex-grow: 1;
width: calc(100% * (1/4) - 10px - 1px);
margin: 25px 0;
padding: 0 20px;
box-sizing: border-box; }
@media only screen and (max-width: 320px) {
.archive-page__item {
max-width: 100%;
flex-basis: 100%; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.archive-page__item {
max-width: 100%;
flex-basis: 100%; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
.archive-page__item {
max-width: 100%;
flex-basis: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.archive-page__item {
max-width: 48%;
flex-basis: 48%; } }
.archive-page__item .archive-page__item-info {
width: 100%;
display: block; }
.archive-page__item .archive-page__item-info .archive-page__item-title {
margin-bottom: 5px;
margin-top: 0;
font-family: 'DisplayArtThree', sans-serif;
font-size: 28px; }
.archive-page__item .archive-page__item-info .archive-page__item-content {
margin: 0;
font-size: 16px; }
.archive-page__item .archive-page__item-info p {
font-size: 14px;
line-height: 1.5em; }
.archive-page__item .archive-page__item-image {
position: relative;
width: 100%;
margin-bottom: 15px; }
.archive-page__item .archive-page__item-image img {
max-width: 100%;
height: auto; }
.single-page__item {
display: flex; }
.single-page__item .single-page__breadcrumb {
padding: 0;
font-size: 13px;
color: #999;
font-weight: 500;
padding-top: 0;
margin-bottom: 10px; }
.single-page__item .single-page__item-info {
padding-left: 50px;
width: 40%; }
.single-page__item .single-page__item-info .single-page__item-title {
margin-top: 0;
font-family: 'DisplayArtThree', sans-serif;
font-size: 36px;
margin-bottom: 10px; }
.single-page__item .single-page__item-image {
width: 50%;
flex-wrap: wrap;
justify-content: space-between; }
.single-page__item .single-page__item-image div {
width: 32%;
height: auto;
cursor: pointer; }
.single-page__item .single-page__item-image div:first-child {
width: 100%; }
.single-page__item .single-page__item-image div img {
width: 100%; }
@media screen and (max-device-width: 768px) {
.single-page__item {
flex-direction: column; }
.single-page__item .single-page__item-image {
margin: auto;
width: 100%; }
.single-page__item .single-page__item-info {
text-align: center;
margin: 20px auto;
padding: 10px 20px;
width: auto; } }
@media screen and (max-device-width: 768px) {
.content-page__flex-wrapper {
flex-direction: column; }
.content-page__flex-wrapper div {
height: auto;
margin: auto; } }
.sd-gallery__loader {
display: none; }
.body-wrapper {
padding-top: 130px; }
@media only screen and (max-width: 320px) {
.body-wrapper {
margin-top: 125px;
padding: 0; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.body-wrapper {
margin-top: 125px;
padding: 0; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
.body-wrapper {
margin-top: 125px;
padding: 0; } }
.flex-wrapper {
display: flex;
flex-direction: row;
flex-basis: 33.333%;
flex-wrap: wrap; }
@media only screen and (max-width: 320px) {
.flex-wrapper {
padding: 10px 20px; } }
@media only screen and (max-width: 480px) and (min-width: 321px) {
.flex-wrapper {
padding: 10px 20px; } }
@media only screen and (max-width: 768px) and (min-width: 481px) {
.flex-wrapper {
padding: 10px 20px; } }
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.flex-wrapper {
padding: 10px 20px; } }
#content {
max-width: 1200px;
margin: auto; }
#content .woocommerce-breadcrumb {
padding: 10px 0; }
#content .product {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
#content .product .woocommerce-product-gallery {
width: 50%;
opacity: 1 !important;
overflow: hidden; }
#content .product .summary {
width: 50%; }
#content .product .summary .quantity input {
border: none;
background-color: #f5f5f5;
padding: 10px;
border-radius: 5px;
width: 25px;
font-size: 16px;
margin-bottom: 25px; }
#content .woocommerce-tabs .tabs {
display: none; }
@media screen and (max-device-width: 760px) {
#content .woocommerce-breadcrumb {
text-align: center; }
#content .product {
flex-direction: column; }
#content .product .woocommerce-product-gallery {
margin: auto;
width: auto; }
#content .product .summary {
width: auto;
text-align: center; }
#content .product .woocommerce-Tabs-panel.panel {
text-align: center; } }
.products {
padding: 0;
margin: 0; }
.products ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap; }
.products ul li {
width: 32%;
margin-bottom: 15px; }
.products ul li .woocommerce-loop-product__title {
font-size: 20px;
width: 90%; }
.products ul li .button {
margin-left: 30px; }
@media screen and (max-device-width: 760px) {
.products ul {
flex-direction: column; }
.products ul li {
width: auto;
margin: 20px auto;
display: flex;
flex-direction: column; }
.products ul li .woocommerce-loop-product__title {
width: 100%; }
.products ul li .woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
text-align: center; }
.products ul li .woocommerce-LoopProduct-link img {
margin: auto; }
.products ul li .button {
text-align: center;
width: 120px;
margin: auto;
margin-top: 10px; } }
.custom_select {
margin-bottom: 30px; }
.custom_select form select {
padding: 10px;
border: 1px solid #A13F4C;
border-radius: 5px; }
@media screen and (max-device-width: 760px) {
.custom_select {
margin-bottom: 0;
text-align: center; }
.custom_select form {
display: flex;
justify-content: center; } }
.woocommerce-message {
background-color: green;
color: #fff;
padding: 20px;
font-weight: 600; }
.woocommerce-message .button {
background-color: darkgreen;
margin-right: 50px; }
@media screen and (max-device-width: 760px) {
.woocommerce-message {
display: flex;
flex-direction: column;
text-align: center; }
.woocommerce-message .button {
width: 200px;
margin: 10px auto;
order: 2; } }
.woocommerce-cart-form__contents {
margin: auto;
width: 80%; }
.woocommerce-cart-form__contents .quantity input {
border: none;
background-color: #f5f5f5;
padding: 10px;
border-radius: 5px;
width: 25px;
font-size: 16px;
margin-bottom: 25px;
margin-top: 25px; }
.woocommerce-cart-form__contents input[type=submit] {
float: right; }
.cart_totals {
width: 80%;
margin: auto;
text-align: right; }
.cart_totals table {
padding: 20px 0; width: 100%; }
.cart_totals table td[data-title="Subtotal"] {
width: 15%; }.sd-gallery__over {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(7,7,7,1);
opacity: 0;
z-index: 9999;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.sd-gallery__over--active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.sd-gallery__content {
position: absolute;
display: inline-block;
overflow: hidden;
padding: 0;
text-align: center;
background-color: #000;
opacity: 0;
line-height: 0;
font-size: 0;
top: 50%;
left: 50%;
max-width: calc(100vw - 100px);
max-height: calc(100vh - 100px);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translate(-50%, -150%);
-moz-transform: translate(-50%, -150%);
-ms-transform: translate(-50%, -150%);
-o-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
z-index: 1;
}
.sd-gallery__content .close {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 50px;
height: 50px;
background-color: rgba(255,255,255,0.6);
color: #111;
font-size: 20px;
line-height: 50px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sd-gallery__content .close:hover {
background-color: rgba(255,255,255,1.0);
color: #F00;
}
.sd-gallery__content .sd-gallery__next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0px;
display: block;
line-height: 50px;
width: 50px;
height: 50px;
background-color: rgba(255,255,255,0.6);
color: #111;
font-size: 20px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sd-gallery__content .sd-gallery__next:hover {
background-color: rgba(255,255,255,1.0);
color: #111;
}
.sd-gallery__content .sd-gallery__prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0px;
display: block;
line-height: 50px;
width: 50px;
height: 50px;
background-color: rgba(255,255,255,0.6);
color: #111;
font-size: 20px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sd-gallery__content .sd-gallery__prev:hover {
background-color: rgba(255,255,255,1.0);
color: #111;
}
.sd-gallery__content .sd-gallery__loader {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
z-index: 1;
}
.sd-gallery__content #sd-gallery__loader-img {
width: auto;
height: auto;
max-width: calc(100vw - 100px);
max-height: calc(100vh - 100px);
}
.sd-gallery__img {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
-webkit-transform: translateX(150%);
-moz-transform: translateX(150%);
-ms-transform: translateX(150%);
-o-transform: translateX(150%);
transform: translateX(150%);
}
.sd-gallery__over--active .sd-gallery__content {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
.sd-gallery__img-animate {
-webkit-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-ms-transition: transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
}
.sd-gallery__img[data-position=previous-preload] {
-webkit-transform: translateX(-150%);
-moz-transform: translateX(-150%);
-ms-transform: translateX(-150%);
-o-transform: translateX(-150%);
transform: translateX(-150%);
}
.sd-gallery__img[data-position=current] {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.sd-gallery__img[data-position=previous] {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.sd-gallery__img[data-position=next] {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
@media only screen and (max-width: 1024px) {
.sd-gallery__content .close {
top: 2px;
right: 2px;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
font-size: 22px;
background-color: transparent !important;
color: #FFF;
}
.sd-gallery__over {
background-color: #000;
}
.sd-gallery__content {
width: 100%;
height: 100%;
max-width: 100vw;
max-height: 100vh;
}
.sd-gallery__content .sd-gallery__next {
top: auto;
bottom: 15px;
right: 2px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
font-size: 22px;
background-color: transparent !important;
color: #FFF !important;
}
.sd-gallery__content .sd-gallery__prev {
top: auto;
bottom: 15px;
left: 2px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
font-size: 22px;
background-color: transparent !important;
color: #FFF !important;
}
.sd-gallery__img {
max-height: calc(100% - 84px);
top: 42px;
}
}