/* xlg */
@media screen and (min-width:1500px) {
    .lp-hero-content {
        width: 825px;
    }
    .lp-hero-image {
        width: 750px;
    }

}
/* lg */
@media screen and (max-width:1300px) {
    .lp-hero-image {
        margin-bottom: -50px;
    }
    .lp-hero-content {
        margin-bottom: 20px;
    }
}

/* md */
@media screen and (max-width:992px) {
}

/* sm */
@media screen and (max-width:768px) {
    header {
        padding: 0 40px;
    }
    .lp-hero-content {
        width: 100%;
        margin-top: 50px;
    }
    .lp-hero-image {
        width: 90%;
        margin-bottom: -50px;
    }
	.lp-hero-input {
        max-width: unset;
    }
    section {
        padding: 50px;
        margin: 100px 0 0;
    }
    h2 {
        width: 100%;
    }
    .lp-articles {
        width: 100%;
    }
    .lp-footer-form {
        flex-direction: column;
    }
    .lp-footer-form-input {
        width: 100%;
        max-width: 100%;
    }
    .lp-footer-form .email {
        margin-bottom: 10px;
        margin-right: 0;
    }
}

@media screen and (max-height:575px) {
    header {
        height: 100%;
    }
    section {
        padding: 20px;
    }
}

/* xs */
@media screen and (max-width:575px) {
    header {
        padding: 0 20px;
        height: 100%;
    }
    .lp-hero-content {
        height: 100%;
        margin: 50px 0;
    }
    .lp-hero-content > * {
        margin-bottom: 15px;
    }
    .lp-hero-image {
        margin-bottom: -20px;
    }
    h1 {
        font-size: 45px;
        line-height: 57px;
    }
    h3 {
        font-size: 22px;
    }
    .lp-header-form {
        flex-direction: column;
        width: 100%;
    }
    .lp-hero-input {
        width: 100%;
    }
    .email {
        margin-bottom: 10px;
        margin-right: 0;
    }
    section {
        padding: 20px;
        margin: 50px 0 0;
    }
    section >* {
        margin-bottom: 20px;
    }
    .lp-articles {
        grid-template-columns: 1fr;
    }
    footer {
        padding: 50px 20px;
    }
    .lp-footer-form {
        flex-direction: column;
        width: 100%;
    }
    .lp-footer-form-input {
        width: 100%;
    }
    .lp-thankyou .lp-hero-content {
        height: 100%;
        margin: 50px 0;
    }
    .lp-hero-thankyou {
        margin-top: 50px;
    }
}

/* xxs */
@media screen and (max-width:330px) {
    h1 {
        font-size: 38px;
        line-height: 50px;
    }
}