@media screen and (min-width: 601px) and (max-width: 991px){
    .block-head{
        max-width: 80% !important;
    }
    .block-headline{
    font-size: 1.6em !important;
    }
}

.block-headline {
    font-family: Georgia,"Times New Roman",Times,serif;
    text-align: center;
    color: #42748d;
}


.slogan{
    padding: 0 1em 0 1em;
    font-family: "Georgia","Museo-Sans",FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
    color: #ff8300;
    text-align: center;
    width:100%;
}

.block-body h2{
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
}

.block-body a{
    color: #ff8300;
}

.block-body ul{
 list-style: disc inside !important;   
}

.block-body img{
    width: 100%;
    height: auto;
}


/* ========= mobile view start ==============*/
@media only screen and (max-width: 990px){
    .block-head{
        max-width: 100% !important;
       padding: 0px 20px;
}
    
    .pure-u-1{
        margin-top: 0px;
    }
    
    .slogan{
         font-size: 4vw;
         margin: 20px 0px;
    }
    
    .block-headline{
        font-size: 1.6em !important;
    }
}

/* ========= mobile view end ==============*/

/* ========= desktop view start ==============*/

@media all and (min-width: 991px){
    .block-headline{
         font-size: 2.1em !important;
    }
    .block-body{
        font-size: 1.1em !important;
    }
    .block-head,
    .block-wrapper{
        width: 800px;
    }
    
    .slogan{
         font-size: 3vw;
         margin: 50px 0px;
    }
    
    .block-head{
        margin-top: 1.5em;
    }
}

/* ========= desktop view end ==============*/