.campanhas-margembottom{margin-bottom:100px;}
.campanha-coll{width:60%; position:relative; float:left; text-align:center; padding:0px 10px 0px 0px;}
.campanha-col2{width:40%; position:relative; float:left; text-align:center; padding:0px 0px 0px 10px;}

#campanha-titulo h2{font-family:  'Montserrat', sans-serif; font-size: 1.2em; color:#333; text-align:left; font-weight:500; text-transform:capitalize}
#campanha-texto h3{font-family:  'Montserrat', sans-serif; font-size: 0.9em; color:#333; text-align:left; font-weight:400; margin-top:30px;}
#campanha-fotos-div{margin-top:50px;}

.campanhas-vermais{font-family:  'Montserrat', sans-serif; position: relative; margin:0 auto; padding:10px 50px 10px 50px; background-color:#224695; color:#fff; font-size:0.85em; cursor:pointer; -webkit-transition: all 0.5s;transition: all 0.5s;}
.campanhas-vermais:hover{background-color:#3a60b4;}

#campanhas-fotos-div{margin-top:100px;}
.campanha-foto-col{width:33.333%; position:relative; float:left; text-align:center; padding:0px 5px 0px 5px; margin-bottom:10px;}
#campanha-foto-box{
cursor:pointer;
padding:10px;
background-color:#fff;
border-radius:10px;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.16);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.16);
-webkit-transition: all 0.2s; /* Safari */
transition:  all 0.2s;
}

#campanha-foto-box:hover{background-color:#eeeeee; transform: scale(0.98);}
 
@media screen and (max-width: 1023px) {
.campanha-coll,.campanha-col2{width:100%; margin-bottom:20px; padding:0px;}
.campanha-foto-col{width:100%; margin-bottom:50px; padding:0px;}
#campanha-img-height{ height:190px; }
#campanha-titulo h2{text-align:center;}
#campanha-texto h3{text-align:justify;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* PARA DISPOSITIVOS PEQUENOS*/
#campanha-img-height{ height:250px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) { /* PARA DISPOSITIVOS MÉDIOS*/
#campanha-img-height{ height:220px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 1366px) and (max-width: 1919px) { /* PARA DISPOSITIVOS MÉDIOS*/
#campanha-img-height{ height:220px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 1920px) and (max-width: 2159px) { /* PARA DISPOSITIVOS GRANDES*/
#campanha-img-height{ height:250px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 2160px) { /* PARA DISPOSITIVOS MUITO GRANDES*/
#campanha-img-height{ height:250px; }
.campanhas-vermais{float:left;}
}