@media (max-width: 570px) {
    .navbar .active{
        border-bottom: none;
    } 

    #body .demo-2 h2{
        font-size: 32px !important; 
        margin-top: 20px !important;
       
    } 
    
    #body .demo-2 p {
        font-size: 14px !important;
    }


}


@media (max-width: 991px) {

#body .demo-2 h2{
    font-size: 42px; 
    margin-top: 40px;
   
} 

#body  .demo-2 p {
    font-size: 20px;
}

.borde-circulo {
    margin-bottom: 50px;
}

.navbar .active{
    border-bottom: none;
} 

.navbar-nav{
    padding-top: 15px;
    text-align: center;
}

.separador1{
    height: 10px;
}

.separador0{
    height: 20px;
}

.borde-blanco h3, .borde-blanco2 h3, .borde-blanco3 h3, .borde-blanco4 h3  {
    font-size: 20px;
}

.demo-2 .bg-img-2  {left: -138px;}
.demo-2 .bg-img-2  {left: -380px;}
.demo-2 .bg-img-3  {left: 0px;}
.demo-2 .bg-img-4  {left: -391px;}
.demo-2 .bg-img-5  {left: -159px;}


footer {
    text-align: right;
}

}



@media (max-width: 1023px) {

.demo-2 .bg-img-3  {left: 0px; top: -299px;}
.demo-2 .bg-img-4  {left: -398px; top: -390px;}
.demo-2 .bg-img-5  {left: -159px;}


}

@media (min-width: 1440px) {

    #body .demo-2 h2{
        font-size: 60px ; 
        margin-top: 160px ;
       
    } 
    
    #body .demo-2 p {
        font-size: 20px ;
    }

    p, #contacto p {
        font-size: 18px;
    }

    
    }