@media only screen and (min-width: 375px) {

    .footer-links__wrapper{
        max-width: 300px;
        margin: 0 auto;
        text-align: center;
    }

    .footer-links__wrapper a{
        display: inline;
    }

}

@media only screen and (min-width: 425px) {

    .separator-section{
        min-height: 500px;
    }

    .separator-section__image--right{
        width: 250px;
    }

    .cta-section__title span:nth-child(2){
        margin-left: 60px;
    }

    .cta-section__title span:nth-child(3){
        margin-left: 120px;
    }

    .cta-section__title .cursive{
        left: 150px;
        translate : 0 65%;
    }

    .separator__content{
        bottom: -20px;
    }

}

@media only screen and (min-width: 768px) {
    .hero-section__title{
        text-align: right;
    }

    .hero-section__content-wrapper{
        display: flex;
        justify-content: end;
        min-width: 600px;
    }

    .hero-section__logo-wrapper{
        justify-content: end;
    }

    .hero-section__content-wrapper .hero-section__logo{
        width: 250px;
    }

    .hero-section__title{
        max-width: 450px;
    }

    .section__title{
        font-size: 56px;
    }

    .section__links{
        text-align: center;
        flex-direction: row;
        justify-content: space-between;
        max-width: 600px;
    }

    .separator-section{
        background-image: url('/assets/images/img-1--desktop.png');
    }

    .separator-section{
        min-height: 550px;
    }

    .company-brief-section__title{
        font-size: 36px;
        top:unset;
        left:-10px;
    }

    .company-brief-section__content-wrapper{
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: 500px;
    }

    .company-brief-section__content-paragraph{
        position: relative;
        max-width: 300px;
        left:10px
    }

    .about-us__item__description .section__title{
        top: 0;
    }

    .about-us__item__description.about-us__item__description--right{
        text-align: right;
    }

    .about-us__item__description.about-us__item__description--left{
        text-align: left;
    }

    .about-us__item__description--right .section__title{
        right: -20px;
    }

    .about-us__item__description--left .section__title{
        left: -20px;
    }

    .about-us__item__wrapper{
        display: flex;
        justify-content: end;
        flex-direction: column;
    }

    .about-us__item__description .content-paragraph{
        max-width: 270px;
    }

    .separator--second{
        min-height: 600px;
    }

    .separator__content{
        right:30%;
        bottom:50%;
        width: 250px;
        translate: 50% 50%;
    }

    .contact-us__title{
        text-align: center;
    }

    .cert-info{
        display: flex;
        justify-content: space-between;
    }

}

@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 1024px) {

    .section__title-wrapper{
        min-width: 650px;
    }

    .section__title{
        font-size: 64px;
    }

    .hero-section__content-wrapper .hero-section__logo{
        width: 300px;
    }

    .hero-section__content-wrapper{
        min-width: 800px;
    }

    .separator-section{
        max-width: 900px;
        min-height: 650px;
    }

    .separator-section__image--right{
        width: 300px;
    }

    .company-brief-section__title{
        font-size: 48px;
        left:-20px;
    }

    .about-us__item__description .content-paragraph{
        max-width: 500px;
    }

    .separator--second{
        min-height: 700px;
    }

    .separator__content{
        width: 350px;
    }

    .separator__content{
        right:35%;
    }

    .contact-us__title{
        text-align: left;
    }

    .contact__form__wrapper{
        display: flex;
        justify-content: end;
    }

    .contact__item{
        max-width: 450px;
    }

    .condition_wrapper{
        padding: 10px 20px;
    }
}

@media only screen and (min-width: 1440px) {

    .hero-section__content-wrapper{
        top: 40%;
    }

    .hero-section__content-wrapper .hero-section__logo{
        width: 350px;
    }

    .hero-section__content-wrapper{
        min-width: 1200px;
    }

    .separator-section{
        max-width: 1200px;
        min-height: 800px;
        margin:0 auto
    }

    .separator-section__image--right{
        width: 350px;
    }

    .separator--second{
        min-height: 850px;
        max-width: 1320px;
        margin-left:auto;
        margin-right:auto;
    }


}

@media only screen and (min-width: 2560px) {
}