body {
  padding-top: 20px;
  padding-bottom: 20px;
}

.header{margin-bottom:20px;}

.jumbotron{  }

h2{color:#053665}

.centralizada{ margin: 0 auto;}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.lider-logo, .dpvat-logo{ width:45%; margin-bottom:20px;} 
h2{margin-top:0;}
.btn-primary{margin:30px 0 30px 20px;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {  
.lider-logo, .dpvat-logo{ width:40%; margin-bottom:20px;} 
.col-lg-8{width:48%;float:left;}
.col-lg-4{width:48%; float:right;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.lider-logo, .dpvat-logo{ width:30%; margin-bottom:20px;} 
.col-lg-8{width:48%;float:left;}
.col-lg-4{width:48%; float:right;}
h2{margin-top:0; font-size:27px;}

 }
 
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {  
.lider-logo, .dpvat-logo{ width:25%; margin-bottom:20px;} 
.col-lg-8{width:48%;float:left;}
.col-lg-4{width:48%; float:right;}
h2{margin-top:0; font-size:27px;}

}