body {
    background: url('../images/background.jpg') no-repeat fixed top center, #051c79;
    background-size: cover;
    margin: 60px auto;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight:400;
    line-height: 20pt;
    
}

.container {
    border-radius: 20px;
}

.content-area {    background-color: #fff;     padding: 40px; border-radius:40px 40px 0px 0px;
}

#header {font-size: 30px; }
#header a {color:#000; text-decoration: none;}
#header a:hover {color:#0f6adc;}
#header .icon  img {padding-right:10px;}
#slider {margin:10px 0px;}
h1 {font-size: 20px; text-transform: uppercase; color: #0f6adc; font-weight: bold;}
ol { list-style-image: url("../images/bullet.jpg"); }
li {line-height: 30px; padding-left: 6px; }

.footer-highlight {
    background: #f0f6fd;
    padding: 40px 40px 40px 40px;
    border-radius:0px 0px 40px 40px;
    border-top:1px solid #dfeaf7;
}



@media (min-width: 577px) { 

.btm-pic {display: none;}

}

@media (max-width: 576px) { 
    
   

    body {
        margin: 10px auto;
     }
     .logo {margin-bottom:10px;}
    .content-area {    background-color: #fff; padding: 0px;    border-radius:10px 10px 0px 0px;
    }
    .mobile-section {padding:20px 20px 60px 20px;}
    #header {font-size: 22px; padding: 30px; }
    #header .icon   {padding:6px; 0px; 0px; 0px;}
    #slider {margin:-20px 0px;}
    h1 {font-size: 20px; text-transform: uppercase; color: #0f6adc; font-weight: bold;}
    ol { list-style-image: url("../images/bullet.jpg"); }
    li {line-height: 30px; padding-left: 6px; }
    
    .footer-highlight {
        background: #f0f6fd;
        padding: 20px;
        border-radius:0px 0px 10px 10px;
        border-top:1px solid #dfeaf7;
    }

    .footer-highlight img {
        margin-bottom:10px;
    }
    
    .left-pic {display: none;}

 }

#footer {color:#fff; font-size: 20px; padding: 20px 0px;}
#footer a {color:#fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}