@charset "UTF-8";

.pageHeader {
    img {
        width: 100%;
    }
}

.breadcrumbs {
    font-size: 1.55rem;
    width: 70%;
    display: flex;
    margin-left: 5%;
    margin-top: 10px;
    color: #ADADAD;

    a {
        color: rgb(132, 34, 31);;
    }
    span {
        color: #291010;
        font-size: 1rem;
        margin: 10px;
    }
}
@media ( width <= 1025px ) {
    .breadcrumbs {
        font-size: 1.2rem;
    }
}
@media ( width <= 870px ) {
    .breadcrumbs {
        font-size: 1rem;
    }
}
@media ( width <= 600px ) {
    .breadcrumbs {
        max-width: 100%;
    }
}

.mainContent {
    overflow: hidden;
}
section {
    background-color: white;
    width: 78%;
    text-align: center;
    padding: 50px;
    margin: 100px auto 200px;
    box-sizing: border-box;
    
    position: relative;
    .red {
        position: absolute;
        content: "";
        display: block;
        width: 270px;
        height: 369px;
        background-image: url(../images/background_red.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: 75px;
        left: -260px;
        z-index: -100;
    }
}
@media ( width <= 1025px ) {
    section {
        .red {
            display: none;
        }
    }
}
@media ( width <= 600px ) {
    section {
        margin: 50px auto 100px;
        padding: 25px;
    }
}

h1 {
    font-size: 4rem;
    font-weight: 400;
}

.thanks__txt {
    margin-top: 30px;
    font-size: 1.5rem;
    p {
        margin-bottom: 30px;
    }
    span {
        display: inline-block;
        margin-top: 15px;
    }
}
@media ( width <= 600px ) {
    .thanks__txt {
        p {
            margin-bottom: 15px;
        }
        span {
            margin-top: 5px;
        }
    }
}
.thanks__contact {
    font-size: 1.4rem;
    color: rgb(132, 34, 31);
    padding-top: 5px;
    p {
        margin-top: 10px;
    }
}

@media ( width <= 1025px ) {
    h1 {
        font-size: 3rem;
    }
    .thanks__txt {
        font-size: 1.3rem   ;
    }
    .thanks__contact {
        font-size: 1.2rem;
    }
}
@media ( width <= 600px ) {
    h1 {
        font-size: 1.5rem;
    }
    .thanks__txt {
        font-size: 1rem   ;
    }
}