header {
    position: relative;
    text-align: center;
}
.background { 
    display: block;
    max-width: 100%;
}
.title {
    background: radial-gradient(circle, #53351ba9 0%, #53351b75 35%, rgba(119,83,51,0) 65%);
    position: absolute;
    top: 20%;
    right: 5%;
    text-align: center;
}
.title>h1 {
    font: 400 4rem 'Amiri';
    color: #E7FBD9;
}
@media (max-width: 1350px) {
    .title>h1 { font-size: 3.5rem; }
}
@media (max-width: 1080px) {
    .title>h1 { font-size: 3.3rem; }
}
@media (max-width: 900px) {
    .title>h1 { font-size: 3rem; }
}
@media (max-width: 800px) {
    .title {
        top: 25%;
        right: 3%;
    }
    .title>h1 { font-size: 2.8rem; }
}
@media (max-width: 600px) {
    .background {
        width: 100%;
        height: 60vh;
        overflow: hidden;
        object-fit:cover;
    }
    .title { top: 30%; }
    .title>h1 { font-size: 3rem; }
}


.tagline {
    background-color: #F3BF69;
    padding: 3rem;
    text-align: center;
    color: #43301E;
}
.tagline>h2 {
    padding: 1rem 0;
    font: 400 3rem 'Amiri';
}
.tagline>h2>p {
    display: inline-block;
}
.tagline span {
    display: block;
    padding: 0.5rem 0;
    font: 2rem 'Readex Pro';
}
.tagline>p {
    font: 400 1.7rem 'Readex Pro';
    padding: 1rem;
}
@media (max-width: 600px) {
    .tagline>h2 { font-size: 2.8rem; }
    .tagline span { font-size: 1.8rem;}
    .tagline>p { font-size: 1.5rem;}
}
@media (max-width: 525px) {
    .tagline>h2 { font-size: 3rem; }
    .tagline span { font-size: 1.6rem; }
    .tagline>p { font-size: 1.5rem; }
}
@media (max-width: 315px) {
    .tagline>h2 {
        font-size: 2.6rem;
        margin: 0 0.5rem
    }
}

.section-2 {
    background-color: #f5e5d3;
    padding: 2rem;
    text-align: right;
}
.section-2>p {
    margin: 0 2rem;
    padding: 1rem;
    font: 400 3.5rem 'Amiri' ;
}
.slideshow {
    width: 70vw;
    margin: 2.5rem;
}
.slides>img {
    width: 100%;
}
.swiperContainer {
    position: relative;
    padding: 0.5rem;
}
.swiperContainer>p {
    padding: 1rem;
    margin: 2.5rem;
    border-bottom: 1px solid #43301E;
    font: 400 2rem 'Readex Pro' ;
}
.serviceContainer:nth-child(2) {
    margin-top: 1rem;
}
@media (max-width: 600px) {
    .section-2 { padding: 2rem 1rem; }
    .slideshow { width: 80vw; }
}
@media (min-width: 1080px) {
    .slideshow { width: 45vw; }
    .section-2>p { font-size: 3.5rem; }
    .swiperContainer>p { font-size: 2rem; }
    .serviceContainer { display: flex; justify-content: space-between; }
}


.section-3 {
    padding-top: 1rem;
    padding-bottom: 4rem;
    background-color: #faf1e4;
    text-align: right;
}
.section-3>p {
    margin: 3rem 3rem 1rem 3rem;
    padding: 1rem;
    font: 400 3.5rem 'Amiri';
}
.customers-1, .customers-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
}
.customers-2 {
    margin: 2rem 0;
}
.customers-1>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 0;
}
.customer {
    width: 10rem;
    margin: 0 3rem;
}
@media (max-width: 1024px) {
    .customers-1 { flex-wrap: wrap; }
    .customer { margin: 0 2rem; }
}
@media (max-width: 750px) {
    .customer { width: 9rem; }
}
@media (max-width: 550px) {
    .customer { width: 8rem; }
}
@media (max-width: 350px) {
    .customer { width: 7rem; }
}
@media (min-width: 1080px) {
    .section-3>p { font-size: 3rem; }
}