@media screen and (max-width: 900px) {

    .fs-14 {
        font-size: 11px;
    }

    .fs-30 {
        font-size: 21px;
    }

    .header-menu-item {
        margin: 0 7px;
    }


    .black-header-menu-item{
        margin: 0 7px;
    }

    .header-menu {
        width: 66%;
    }

    .sync {
        margin-right: 60px;
    }


    .hotel-info .info {
        width: 60%;
        display: block;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 30px;
    }

    .hotel-info {
        top: 40px;
    }

    .header-info {
        top: 50%;
        left: 4%;
    }

    .header-info .title {
        margin-bottom: 10px;
    }

    .header-info .text {
        margin-bottom: 18px;
    }

    .header-info .button {
        width: 110px;
        height: 30px;
        line-height: 30px;
    }

    .hotel-info .hotel-info-text {
        height: 80px;
    }

    .header-info {
        left: 18%;
    }

    .header-logo {
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
    }

    .header-logo img {
        width: 40px;
    }

    .lead-story-border {
        width: 100%;
        bottom: 15px;
        height: 48%;
    }

    .lead-story-right {
        width: 100%;
        height: 50%;
    }

    .lead-story-width {
        width: 96%;
        height: 100%;
    }

    .lead-story-wrap{
        height: 1100px;
    }

    .hotel-info-prices {
        transform: translateY(0);
        top: 50px;
    }


    .hotel-info-title-prices {
        top: 36%;
    }


    .hotel-info-text-prices {
        top: 45%;
    }

    .hotel-info-btn-prices {
        left: 23%;
        /* transform: translateX(50%); */
    }

    .price-per-month-year {
        width: 50%;
    }
    .info-yearly-monthly {
        width: 50%;
    }

    .hotel-info-text-prices {
        top: 45%;
        left: 24%;
    }

    .hotel-info-title-prices {
        width: 45%;
    }

    .hotel-info-logo-prices {
        width: 45% !important;
    }

}


@media screen and (max-width: 800px) {



    .header {
        height: 105px;
    }

    .white-header {
        height: 70px;
    }

    .black-header-menu {
        right: calc(7% - 20px);
    }

    .header-info {
        /*width: 80%;*/
        /*transform: translateY(-50%);*/
        left: 18%;
    }

    .right-arrow {
        right: -7px;
    }

    .left-arrow {
        left: -7px;
        top: 31%;
    }

    .post-text {
        height: 60%;
        overflow: scroll;

    }

    .share-button {
        width: 10%;
    }

    .synchronization {
        margin-top: 55px;
    }

    .footer-title {
        width: 19.5%;

    }

    .hotel-info {
        top: 35px;
        z-index: 1;
    }

    .sync-wrap {
        height: 60%;
    }

    .synchronization-partners {
        height: 400px;
        margin-top: 25px;

    }

    .booking-engine-item {
        height: 155px;
        /*margin-left: 15px;*/
    }


    /*.booking-engine-item:after {*/
        /*left: -15px;*/
    /*}*/


    .demo-content .button {
        width: 320px;
    }

    .booking-engine-right-title img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .booking-engine {
        width: 94%;
    }
    .demo-content {
        top: 30%;
    }


    .hms-main-photo {
        height: 350px;
    }

    .header-logo{
        display: none;
    }

    .header-logo-second{
        position: absolute;
        right: 10px;
        top: 10px;
        display: block;
    }

    .header-logo-second img{
        width: 40px;
    }



    #burgerBtn {
        display: block;
    }

    .header-lang {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        top: 335px;
        transform: translateY(-50%);
        z-index: 11;
        width: 100%;
        text-align: center;
        background: white;
        height: 40px;
        /* margin-right: 20px; */
        /* vertical-align: middle; */
    }

    .header-lang span {
        vertical-align: middle;
        margin: 0 7px;
    }

    .black-header-menu {
        display: block;
        text-align: center;
        position: absolute;
        right: 0;
        top: 60px;
        padding-top: 0;
        transform: translateY(-50%);
        background: white;
        width: 100%;
        z-index: 2;
    }

    .header-active {
        display: block;
    }

    .header-passive {
        display: none;
    }

    /*#burgerButton{*/
    /*position: absolute;*/
    /*width: 55px;*/
    /*height: 30px;*/
    /*z-index: 11;*/
    /*background-color: white;*/
    /*text-align: center;*/
    /*cursor: pointer;*/
    /*}*/
    .black-header.bg-black {
        background-color: white;
        height: 20px;
    }

    .black-header {
        height: 115px;
        top: 0;
    }

    .black-header-menu-item {
        display: block;
        height: 40px;
        line-height: 40px;

    }



    .header-menu {
        width: 100%;
        top: 140px;
        text-align: center;
        background: white;
        padding-top: 0;
        z-index: 1;
        right: 0;
    }

    .header {
        height: 430px;
        top: 50px;
        /*height:0;*/
        /*display: none;*/
        position: absolute;
        z-index: 2;
        -webkit-box-shadow: 0px 80px 69px -42px rgba(240, 247, 252, 0.5);
        -moz-box-shadow: 0px 80px 69px -42px rgba(240, 247, 252, 0.5);
        box-shadow: 0px 80px 69px -42px rgba(240, 247, 252, 0.5);

    }

    .slide-header {
        left: -100%;
        transform: translateX(100%);
        transition: all 0.5s linear;
    }

    .white-header {
        height: 230px;
    }

    .header-menu-item {
        display: block;
        height: 40px;
        line-height: 40px;
    }

    .header-lang .fs-12 {
        font-size: 20px;
    }

    .header-menu.fs-14 {
        font-size: 20px;
    }

    .black-header-menu.fs-12 {
        font-size: 20px;
    }


    .header-lang img {
        vertical-align: middle;
        width: 45px;
    }

    .header-bottom-wrap {
        height: 320px;
    }

    .header-bottom-text {
        width: 80%;
    }



    .box-shadow-menu {
        position: relative;
        padding-left: 1.25em;
    }

    .box-shadow-menu:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.25em;
        width: 1em;
        height: 0.15em;
        background: black;
        box-shadow: 0 0.25em 0 0 black,
        0 0.5em 0 0 black;
    }

}

@media screen and (min-width: 601px) and  (max-width: 650px) {
    .booking-engine-title.fs-18{
        font-size: 11px;
    }
}



@media screen and (max-width: 600px) {


    .channel-manager-photo {
        display: none;
    }


    .hms-main-photo img {
        position: relative;
        width: 70.77%;
        top: 50%;
        transform: translateY(-50%);
    }

    .hms-screen {
        height: 200px;
    }

    .hms-main-photo {
        height: 200px;
    }




    .channel-manager-post {
        width: 62.65%;
    }

    .channel-manager-posts {
        height: auto;
        padding-top: 20px;
    }

    .hms-posts-wrap {
        top: 0;
        transform: translateY(0);
        width: 92.65%;
    }

    .hms-post {
        height: 250px;
        width: 98%;
    }

    .hms-hover-posts {
        height: auto;
    }

    .footer-wrap {
        width: 100%;
    }

    .footer-wrap {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        width: 100%;
        text-align: center;
    }

    .footer-title {
        display: inline-block;
        position: relative;
        width: 81.5%;
        vertical-align: text-top;
        margin-top: 20px;
        /* left: 0; */
        /* top: 50%; */
        /* transform: translateY(-50%); */
    }

    .footer {
        /* text-align: center; */
        height: auto;
    }

    .footer-follow {
        display: inline-block;
        position: relative;
        bottom: 0;
        /* top: 50%; */
        /* transform: translateY(-50%); */
        right: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .offer-button {
        width: 32%;
    }

    .offer-button {
        height: 40px;
        line-height: 40px;
        right: 50%;
        /* border: 1px solid; */
        top: 77%;
        transform: translate(50%, -50%);
    }

    .offer-info {
        left: 2%;
        text-align: center;
    }

    .offer-info {
        width: 96%;
    }

    .offer-logo img {
        vertical-align: middle;
        width: 60px;
    }

    .channel-manager-post-text {
        height: 74px;
    }

    .booking-engine-left {
        width: 100%;
        height: 54%;
        top: 2%;
    }

    .booking-engine-right {
        width: 100%;
        height: 48%;
        text-align: center;
    }

    .booking-engine-item{
        padding-left:0;
    }

    .booking-engine-wrap {
        height: 1100px;
    }

    /*.demo-content .button {*/
        /*width: 100%;*/
    /*}*/


    .booking-engine {
        height: 1060px;
        top: auto;
        transform: translateY(0);
    }

    .booking-engine-right-text {
        width: 90%;
    }


    .booking-engine-demo {
        bottom: 8%;
    }

    .sync img {
        width: 200px;
        height: 110px;
    }

    .sync {
        margin-right: 40px;
    }

    .sync-name {
        /* margin-left: 22px; */
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .contact-middle-top-right {

        top: 1%;
    }

    .contact-middle-top-right {
        height: 330px;
    }

    .contact-top-wrap {
        height: 700px;
    }

    .contact-middle-top {
        height: 750px;
    }

    .contact-address-label {
        margin-left: 5px;
    }

    .contact-phone-label {
        margin-left: 5px;
    }

    .contact-sales-label {
        margin-left: 5px;
    }

    .contact-consult-label {
        margin-left: 5px;
    }

    .input-first-name {
        margin-bottom: 5%;
        width: 70%;
    }

    .input-email {
        width: 70%;
    }

    .contact-middle-bottom-right {
        width: 90%;
    }

    .sync-wrap-partners {
        top: 50%;
        left: 3%;
        width: 94%;
        height: 240px;
    }

    .synchronization-partners {
        height: 400px;
    }

    .footer-title {
        display: none;
    }

    .footer-follow {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hotel-info {
        top: 40px;
        z-index: 1;
    }

    .hotel-info .info {
        width: 90%;
    }

    .synchronization {
        margin-top: 95px;
    }

    .post-info .fs-26 {
        font-size: 20px;
    }

    .post-img-wrap {
        width: 90%;
        top: 25%;
        left: 5%;
    }

    .post-info {
        width: 90%;
        left: 5%;
        top: 72%;
        text-align: center;
        height: 47%;
    }

    .post-wrap {
        height: 450px;
    }

    .post {
        height: 410px;
        width: 70%;

    }

    .left-arrow {
        top: 35%;
    }

    .share-button img {
        left: 44%;
        top: 50%;
    }

    .share-button {
        width: 100%;
        height: 10%;
        display: inline-block;
        position: absolute;
        /* right: auto; */
        left: 0;
        top: auto;
        transform: translateY(0);
        background-color: #fdfdfd;
        bottom: 0;
        /* text-align: center; */
    }

    .share-button:before {
        display: none;
    }

    .hotel-info-title.fs-18 {
        font-size: 18px;
    }

    .hotel-info-text.fs-14 {
        font-size: 14px;
    }

    .hotel-info-logo img {
        width: 60px;
        height: 60px;
        margin-top: -10px;
    }

    .hotel-info-logo {
        width: 60px;
        height: 60px;
    }

    .info:after {
        top: 45px;
    }

    .header-img {
        padding-top: 70%;
    }

    .header-info-bg {
        width: 100%;
        background: url('../typography.png') no-repeat center center, -webkit-linear-gradient(left, rgba(101, 187, 200, 0.5), rgba(72, 205, 188, 0.5));
        /*-webkit-background-size:contain;*/
        /*background-size:contain;*/
    }

    .header-img {
        -webkit-background-size: cover;
        background-size: cover;
    }

    .header-info {
        top: 50%;
        left: 0;
        height: 60%;
        text-align: center;
    }

    .header-info .text {
        width: 90%;
        left: 5%;
        position: relative;
    }

    .header-info .button {
        width: 130px;
        height: 35px;
        line-height: 35px;
        margin-top: 20px;
        position: relative;
        /* bottom: 0; */
    }

    .header-info .text {
        margin-top: 40px;
        margin-bottom: 65px;
    }

    .header-info .title {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .header-wrap {
        width: 14%;
        left: auto;
        position: absolute;
        height: 20%;
        /*right: 0;*/
    }

    .header-logo img {
        vertical-align: middle;
        width: 40px;
        height: 40px;
    }

    .logo-text {
        display: none;
    }

    .header-bottom-wrap img {
        margin-top: 20px;
        width: 40px;
    }

    .fs-46 {
        font-size: 30px;
    }

    .header-bottom-wrap {
        height: 250px;
    }

    .header-bottom-title {
        margin-top: 10px;
    }

    .header-bottom-text {
        margin: 15px auto 0;
    }

    .booking-engine-demo {
        height: 290px;
        text-align: center;
    }

    .demo-content {
        top: 29%;
    }

    .demo-content .button {
        width: 60%;
        margin-right: 0;
    }

    .booking {
        width: 60%;
        left: 50%;
        transform: translateX(-50%);
    }

    .demo-title {
        padding-left:0;
    }

    .booking-engine-right-text {
        margin: 0 auto;
    }

    .booking-engine-item {
        margin-left: 0;
        height: 135px;
    }

    .booking-engine-right-title {
        margin-top: 35px;
    }

    .booking {
        top: 110%;
    }

    .lead-story-right {
        height: 30%;
    }

    .lead-story-border{
        height: 60%;
    }


    .lead-story-wrap{
        height:900px;
    }

    .lead-story-width{
        height: 850px;
    }

    /*.lead-story-right{*/
        /*bottom: 0;*/
        /*top: auto;*/
        /*right: 50%;*/
        /*height: 37%;*/
        /*transform: translateX(50%);*/
    /*}*/

    /*.lead-story-border{*/
        /*border:none;*/
        /*width: 90%;*/
        /*margin-left:initial;*/
        /*margin-right:initial;*/
    /*}*/

    /*.lead-story-width{*/
        /*height: 850px;*/
    /*}*/

    /*.lead-story-wrap{*/
        /*height: 900px;*/
    /*}*/
}


@media screen and (max-width: 480px) {

    .contact-address-wrap,.contact-phone-wrap,
    .contact-info-wrap, .contact-info-bottom,
    .contact-bottom-title-wrap, .contact-bottom-right-title-wrap {
        text-align: center;
    }

    .contact-popup {
        top: 40%;
        left: 10%;
        z-index: 1;
    }

    .header-logo-second img {
        width: 35px;
    }
    .contact-sales {
        line-height: 42px;
        font-size: 14px;
    }
    /*contact*/


    .contact-middle-top-left {
        width: 100%;
        height: 50%;
        top: 64%;
    }

    .contact-top-wrap {
        height: 750px;
    }

    .contact-info-top {
        left: 6%;
    }

    .contact-info-right {
        left: 6%;
    }

    .contact-info-bottom {
        left: 6%;
    }

    .contact-info-left {
        left: 6%;
    }

    .contact-info-wrap {
        width: 94%;
        height: 70px;
    }


    .contact-middle-top {
        height: 720px;
    }

    .contact-middle-top-left:after {
        display: none;
    }

    .contact-middle-top-left:before {
        display: none;
    }


    .contact-middle-top-right {
        width: 100%;
        right: 0%;
        top: 0%;
        transform: translateY(0);
        left: 0;
        position: relative;
    }

    .contact-middle-top-right {
        height: auto;
    }


    .contact-middle-top-right {
        top: 2%;
    }


    .contact-top-wrap {
        height: 650px;
        width: 100%;
    }

    .contact-info-top {
        top: 15%;
    }

    .contact-info-right {
        top: 43%;
    }

    .contact-info-bottom {
        top: 72%;
    }

    .contact-info-left {
        top: 100%;
    }

    .contact-sales {
        margin-top: 5px;
    }

    .contact-phone {
        margin-top: 5px;
    }

    .contact-address {
        margin-top: 5px;
    }


    .input-form-send {
        height: 35px;
        line-height: 35px;
    }

    .input-message textarea {
        height: 90px;
    }

    .contact-middle-bottom-left {
        padding-top: 25px;
    }

    .contact-bottom-title-wrap {
        margin-bottom: 20px;
    }

    .contact-bottom-form-wrap {
        padding-top: 20px;
    }

    .input-form-send {
        top: -45px;
        left: 40%;
    }

    .input-message {
        padding-bottom: 60px;
    }

    .contact-bottom-title {
        margin-left: 5px;
    }


    .contact-middle-bottom-left img {
        width: 18px;
    }

    .contact-bottom-right-title {
        margin-left: 5px;
    }

    .contact-bottom-right-title-wrap img {
        width: 18px;
    }


    input {
        height: 40px;
    }

    .contact-middle-bottom-right {
        top: 30px;
    }

    .contact-phone-label {
        margin-left: 5px;
    }

    /*contact*/





    .fs-22{
        font-size: 20px;
    }


    .fs-18 {
        font-size: 16px;
    }

    .fs-14 {
        font-size: 12px;
    }

    .header-info {
        top: 35%;
    }

    .hotel-info .hotel-info-title {
        margin-top: 5px;
    }

    .hotel-info-text.fs-14 {
        font-size: 14px;
    }

    .hotel-info .hotel-info-text {
        height: 90px;
    }

    .post {
        height: 380px;
    }

    .post-img-wrap {
        top: 19%;
    }


    .post-info {
        top: 65%;
    }

    /*.header-bottom-title {*/
        /*margin-top: 20px;*/
    /*}*/

    .header-bottom-wrap img {
        margin-top: 20px;
    }

    /*.header-bottom-text {*/
        /*margin: 35px auto 0;*/
    /*}*/

    /*.header-bottom-wrap {*/
        /*height: 300px;*/
    /*}*/

    .hms-main-photo img {
        width: 85.77%;
    }

    .header-menu.fs-14 {
        font-size: 18px;
    }

    .black-header-menu.fs-12 {
        font-size: 18px;
    }

    .header-lang .fs-12 {
        font-size: 18px;
    }

    .booking-engine-right-title img {
        margin-right: 5px;
    }

    .synchronization-partners {
        text-align: center;
        position: relative;
        margin-top: 95px;
        height: 350px;
        width: 100%;
    }

    .sync-wrap-partners {
        left: 2%;
        width: 96%;
        height: 62%;
        overflow: hidden;
    }


    .channel-manager-post {
        width: 80.65%;
    }

    .middle-content {
        /* mix-blend-mode: multiply; */
        margin-top: -95px;
    }


    .input-first-name {
        width: 100%;
    }

    .input-email {
        width: 100%;
    }


    .demo-content .button {
        height: 50px;
    }

    .booking-engine-left {
        height: 45%;
    }


    .demo-content .button {
        width: 100%;
    }


    .booking {
        width: 100%;
    }


    .booking-engine-item {
        margin-left: 0;
    }

    .booking-engine-wrap {
        height: 1030px;
    }

    .lead-story-right {
        height: 30%;
    }

    .lead-story-border {
        height: 60%;
    }

    .lead-story-wrap{
        height:900px;
    }
}


@media screen and (max-width: 420px) {

    .hotel-info {
        top: 80px;
    }

    .booking-engine-left {
        height: 47%;
    }

    .lead-story-right {
        height: 30%;
    }

    .lead-story-border {
        height: 60%;
    }

    .lead-story-wrap{
        height:900px;
    }
}



@media screen and (max-width: 380px) {
    .header-info {
        top: 35%;
    }

    .fs-46 {
        font-size: 25px;
    }

    .fs-36 {
        font-size: 20px;
    }

    .fs-18 {
        font-size: 15px;
    }

    .offer-text.fs-18 {
        font-size: 15px;
    }

    .offer-logo {
        top: 20%;
    }

    .booking-engine-right {
        height: 49%;
    }

    .booking-engine-left {
        height: 45%;
    }

    .booking-engine {
        width: 94%;
    }

    .hotel-info {
        top: 80px;
    }

    .header-info .text {
        margin-bottom: 40px;
    }

    .hotel-info .info {
        width: 94%;
        margin-right: 0;
        margin-left: 0;
    }



    /**/

    /*.post {*/
        /*width: 80%;*/
    /*}*/

    /*.post-img-wrap {*/
        /*width: 92%;*/
        /*left: 4%;*/
    /*}*/

    /*.left-arrow img {*/
        /*width: 40px;*/
        /*height: 40px;*/
    /*}*/

    /*.right-arrow img {*/
        /*width: 40px;*/
        /*height: 40px;*/
    /*}*/

    /*.left-arrow {*/
        /*top: 38%;*/
        /*left: -6px;*/
    /*}*/

    /*.right-arrow {*/
        /*right: -6px;*/
    /*}*/

    /*.share-button img {*/
        /*left: 42%;*/
    /*}*/

    /*.share-button img {*/
        /*width: 35px;*/
        /*height: 35px;*/
    /*}*/

    /*.share-button img {*/
        /*top: 50%;*/
    /*}*/

    /*.share-button {*/
        /*height: 50px;*/
    /*}*/

    /**/


    .post-img-wrap {
        width: 94%;
        left: 3%;
    }

    .post {
        width: 94%;
        height: 350px;
    }

    .post-text {
        margin-top: 8px;
        height: 70%;
        font-size: 14px;
    }


    .post-info {
        top: 65%;
    }

    .right-arrow {
        right: 15px;
        bottom: -15px;
        top: auto;
    }

    .left-arrow {
        top: auto;
        left: 15px;
        z-index: 11;
        bottom: 40px;
    }

    .share-button {
        background-color: rgba(225, 225, 225, 0.2);
    }

    .post-wrap {
        height: 400px;
    }

    .share-button img {
        width: 35px;
        height: 35px;
        top:50%;
    }

    .left-arrow img {
        width: 40px;
        height: 40px;
    }

    .right-arrow img {
        width: 40px;
        height: 40px;
    }

    .share-button {
        height: 50px;
    }


    .post-img-wrap {
        top: 22%;
    }

    .post-info {

        height: 42%;
    }

    .post {
        height: 380px;
    }

    .lead-story-right {
        height: 30%;
    }

    .lead-story-border {
        height: 60%;
    }


    .lead-story-wrap{
        height:900px;
    }
}

@media screen and (max-width: 340px) {
    .fs-46 {
        font-size: 25px;
    }

    .fs-36 {
        font-size: 17px;
    }

    .fs-30 {
        font-size: 20px;
    }

    .fs-22 {
        font-size: 17px;
    }

    .fs-14 {
        font-size: 11px;
    }

    .hms-main-photo img {
        width: 90.77%;
    }

    .hms-main-photo {
        height: 170px;
    }

    .hms-screen img {
        width: 70%;
    }

    .offer-text.fs-18 {
        font-size: 12px;
    }

    .offer-button {
        width: 40%;
    }

    .header-info .text {
        margin-bottom: 15px;
        margin-top: 20px;
    }


    .header-info .button {

        margin-right: 0;
    }

    /*post image*/

    .post-img-wrap {
        width: 94%;
        left: 3%;
    }

    .post {
        width: 94%;
        height: 350px;
    }

    .post-text {
        margin-top: 8px;
        height: 64%;
    }


    .post-info {
        top: 64%;
    }

    .right-arrow {
        right: 15px;
        bottom: 0;
        top: auto;
    }

    .left-arrow {
        top: auto;
        left: 15px;
        z-index: 11;
        bottom: 54px;
    }

    .share-button {
        background-color: rgba(225, 225, 225, 0.2);
    }

    .post-wrap {
        height: 400px;
    }

    /*post wrap*/

    .header-bottom-text {
        margin: 10px auto 0;
    }

    .header-bottom-title {
        margin-top: 15px;
    }

    /*.booking-engine-item {*/
        /*margin-left: 4%;*/
    /*}*/

    .header-bottom-text {
        width: 80%;
    }

    .demo-content {
        top: 30%;
    }


    .booking-engine-right-text {
        width: 90%;
    }


    .header-bottom-wrap {
        height: 250px;
    }

    .header-bottom-wrap img {
        margin-top: 20px;
        width: 40px;
    }

    .header-bottom-title {
        margin-top: 0;
    }

    .channel-manager-post {
        width: 85.65%;
    }

    .channel-manager-post-text {
        height: 80px;
    }

    .channel-manager-post-title {
        margin-top: 20px;
    }

    .channel-manager-post-text {
        padding-top: 20px;
    }

    .sync img {
        width: 170px;
        height:90px;
    }

    .synchronization {
        text-align: center;
        height: 300px;
    }

    .booking-engine-left {
        height: 45%;
    }

    .lead-story-right {
        height: 30%;
    }

    .lead-story-border {
        height: 60%;
    }


    .lead-story-wrap{
        height:900px;
    }

}