/*
About CSS
*/

/* General
========================= */
.about .site-inner { display: flex; justify-content: center; align-items: center; min-height: 100%; }

.about-us { padding: 4em 2em; }
.about-us-inner { max-width: 1480px; width: 100%; }
.about-us-title { display: flex; flex-direction: column; margin: 0 auto; padding: 0; position: relative; text-align: center; }
.about-us-block { display: flex; flex-direction: column; }
.about-us-title span { color: #142c43; font-family: 'Playfair Display'; font-size: 3.8rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }
.about-us-content { display: flex; flex-direction: column; align-items: flex-start; padding: 2em 0 0; }
.about-us-content p { color: #142c43; font-family: 'Lora'; font-size: 1.8rem; font-weight: 500; line-height: 2.2; margin: 0; padding: 0; }

/* Responsive
--------------------------------------------- */
@media only screen and (max-width: 1480px) {
.about-us-title span { font-size: 3.6rem; }
}

@media only screen and (max-width: 1280px) {
.about-us-title span { font-size: 3.4rem; }
}

@media only screen and (max-width: 1024px) {
.about-us-title span { font-size: 3.2rem; }
.about-us-content { padding: 1.8em 0 0; }
}

@media only screen and (max-width: 768px) {
.about-us { padding: 4em 1.5em; }
.about-us-title span { font-size: 3rem; }
.about-us-content { padding: 1.5em 0 0; }
.about-us-content p { font-size: 1.7rem; line-height: 2.1; }
}

@media only screen and (max-width: 640px) {
.about-us-title span { font-size: 2.8rem; }
.about-us-content { padding: 1.25em 0 0; }
}

@media only screen and (max-width: 480px) {
.about-us { padding: 3em 1.2em; }
.about-us-title span { font-size: 2.6rem; }
.about-us-content { padding: 1em 0 0; }
.about-us-content p { font-size: 1.6rem; line-height: 2; }
}

@media only screen and (max-width: 420px) {
.about-us { padding: 2em 1.2em; }
.about-us-title span { font-size: 2.4rem; }
}