body {
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    color: rgb(52, 56, 56);
    background-color:  rgb(251, 251, 252);    
}

.screen-hero {display: none;}

.mob-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


.hero {
    margin: 0;
    padding-top: 9rem;
    padding-bottom: 7rem;
}
                                       
.title-large {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 1.3em;
    color: rgba(251,251,252, 1);
    padding: .5em;
    padding-top: .3em;
    padding-bottom: .3em;
    display: block;  
    line-height: 1.5em !important;
}

/******************************************************************/
/******************************************************************/

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

    .title-large {font-size: 2.8rem;
       background: transparent;
       background-image: none;
        width: 100%;
        font-size: 9.5vw;
        padding-top: .1em !important;
        padding-bottom: .32em;
        display: block;
    }
}

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

.hero {
    background: rgba(248, 250, 250, .6); 
    margin: 0;
    padding: 0;
    background: url(../img/main-backgr/mob-all-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; 
    padding-top: 7rem;
    padding-bottom: 3rem;}
}

@media screen and (max-width: 399px) {
    .hero {
        padding-top: 6.6rem;
        padding-bottom: 2.8rem;
    }
}

@media screen and (min-width: 700px) and (max-width: 849px){
    .title-large {font-size: 3.2rem;
       background: transparent;
       background-image: none;
        width: 100%;
        font-size: 9vw;
        display: block;
    }
}

@media screen and (min-width: 850px) and (max-width: 999px){
    .title-large {
    background: transparent;
    background-image: none;
    width: 100%;
    display: block;
    font-size: 3.1rem;
    font-size: 7vw;
    }
}
    
@media screen and (min-width: 1000px) {

    
    .mob-hero {display: none;}

    .screen-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .hero {
    background-image: none;
    background: transparent;
    }

    body {
        margin: 0;
        padding: 0;
        background: url(../img/main-backgr/screen-all-hero.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: top center; 
        
    }


.hero {
    padding-top: 12rem;
    padding-bottom: 9rem;
    padding-top: 16.3vw; 
    padding-bottom: 16vw;
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(21,193,229, .9)), to(rgba(52,56,56, .3))) ;
    background-image: -webkit-linear-gradient( rgba(21,193,229, .9), rgba(52,56,56, .3)) ;
    background-image: -moz-linear-gradient( rgba(21,193,229, .9), rgba(52,56,56, .3)) ;
    background-image: -o-linear-gradient( rgba(21,193,229, .9), rgba(52,56,56, .3)) ;
    background-image: linear-gradient( rgba(21,193,229, .9), rgba(52,56,56, .3)) ;
    position: relative;
}
.title-large .blue {
    color: rgba(251,251,252, 1);
}
.title-large {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.1em;
    padding-left: .35em;
    padding-right: .35em;
    display: block;  
    color: rgba(251,251,252, 1);
    font-size: 3rem;	
    font-size: 4vw;   
    background-image: none;
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
}

}

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


.title-large {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.1em;
    padding-left: .35em;
    padding-right: .35em;
    color: rgba(251,251,252, 1);	
    font-size: 3.25rem;
    font-size: 4vw; 
    background-image: none;
    display: block;
}

}