.main-block {
    position: relative;
    padding: 0 200px;
}
.main-block > img {
    display: block;
    margin: 20px auto 0;
}

.tagline {
    margin-top: 50px;
    text-align: center;
    font: 700 52px/1.1 "Athelas Bold", sans-serif;
}

.main-description {
    margin-top: 30px;
    font: 400 18px/1.2 "Montserrat", sans-serif;
}

.find-look-button {
    margin: 70px auto 30px;
    display: block;
    background: #FFFFFF;
    border: 1px solid black;
    padding: 24px;
    font: 400 18px/1.2 "Montserrat", sans-serif;
    transition: transform 0.5s ease;
}
.find-look-button:hover {
    transform: scale(1.1);
}



@media screen and (min-width: 1200px) and (max-width: 1400px) {

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .main-block {
        padding: 0 100px !important;
    }
    .shadow-text {
        font: 700 90px/0.9 "Montserrat Bold", sans-serif;
    }
    .tagline {
        margin-top: 20px;
        font: 700 46px/1.1 "Athelas Bold", sans-serif;
    }
    .find-look-button {
        padding: 20px;
        margin: 40px auto 20px;
        font: 400 16px/1.2 "Montserrat", sans-serif;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .main-block {
        padding: 0 60px !important;
    }
    .tagline {
        margin-top: 20px;
        font: 700 42px/1.1 "Athelas Bold", sans-serif;
    }
    .main-description {
        font: 300 16px/1.2 "Montserrat Light", sans-serif;
    }
    .find-look-button {
        padding: 16px 24px;
        font: 500 14px/1.2 "Montserrat Medium", sans-serif;
        margin: 20px auto 40px;
    }
}

@media screen and (min-width: 650px) and (max-width: 768px) {
    .main-block {
        padding: 0 40px;
    }
    .main-info {
        display: block;
        position: relative;
        text-align: center;
    }
    .tagline {
        margin-top: 20px;
        font: 700 36px/1.1 "Athelas Bold", sans-serif;
    }
    .main-description {
        font: 300 16px/1.2 "Montserrat Light", sans-serif;
    }
    .find-look-button {
        padding: 22px 50px;
        font: 500 18px/1.2 "Montserrat Medium", sans-serif;
        margin: 20px auto 40px;
    }
}
@media screen and (min-width: 540px) and (max-width: 650px) {
    .main-block {
        padding: 0 20px;
    }
    .main-description {
        font: 300 16px/1.2 "Montserrat Light", sans-serif;
    }
    .tagline {
        margin-top: 10px;
        font: 700 36px/1.1 "Athelas Bold", sans-serif;
    }
    .find-look-button {
        padding: 14px 36px;
        font: 500 14px/1.2 "Montserrat Medium", sans-serif;
        margin: 20px auto 40px;
    }
}

@media screen and (max-width: 540px) {
    .main-block {
        padding: 0 30px;
    }
    .main-description {
        width: auto;
        padding-bottom: 26px;
    }

    .tagline {
        margin-top: 15px;
        font: 700 30px/1.1 "Athelas Bold", sans-serif;
    }
    .main-description {
        margin-top: 15px;
        font: 300 14px/1.2 "Montserrat Light", sans-serif;
    }
    .find-look-button {
        padding: 14px 36px;
        font: 500 14px/1.2 "Montserrat Medium", sans-serif;
        margin: 20px auto 40px;
    }
    .main-block > img {
        width: 150px;
    }
}