.logo {
	   height:60px;
	  }

.bolsocolete {
              margin-right:4px;
			  color:#FFD773;
			  font-weight:bold;
			  font-size:15px;
			  font-family:Century Gothic;
		     }	     

.docimob {
		  color:#FFFFFF;
		  font-weight:bold;
		  font-size:15px;
		  font-family:Century Gothic;
		 }

.texto {
		color:#FFFFFF;
		font-size:15px;
		font-family:Century Gothic;
       }

.textocorpo {
		     color:#000000;
			 font-size:15px;
			 text-align:justify;
			 font-family:Century Gothic;
       		}

 .anima {
 		 height:50%;
		}

h4 {
	font-family:Century Gothic;
   }

footer {
        text-align: center;
        color: white;
        width: 100%; 
        bottom: 0;
        font: 13px Segoe UI, Arial;
        position: fixed;
        padding: 10px;
        font-family:Century Gothic;        
       }

.map-responsive {
                 overflow:hidden;
                 padding-bottom:33%;
                 position:relative;
                }

.map-responsive iframe {
                        left:6px;
                        position:absolute;
                        width:600px;
                        height:270px;
                       }

.container-fluid {
				  margin-top:15px;
				 }

@media (max-width:320px) {

	.logo {
		   width:55px;
		   height:40px;
		  }	

	.bolsocolete {
			      display:none;
				 }

	.docimob {
			  display:none;		     
			 }

	.anima {
			height:45%;
		   }

	h4 {
		font-size:14px;
	   }

    .textocorpo {
    			 font-size:10px;
           		}		   		 

}

@media (max-width:375px) {

	.logo {
		   width:55px;
		   height:40px;
		  }	

	.bolsocolete {
				  margin-right:0px;
				  font-size:10px;
				 }

	.docimob {
			  font-size:10px;
		     }

	.anima {
			height:42%;
		   }

    .textocorpo {
    			 font-size:12px;
           		}
				
	.map-responsive {
		             height:250px;
	                }
}

@media (min-width:376px) and (max-width:450px) {

	.logo {
		   width:55px;
		   height:40px;
		  }	

	.bolsocolete {
				  margin-right:0px;
				  font-size:12px;
				 }

	.docimob {
			  font-size:12px;
		     }

    .textocorpo {
    			 font-size:12px;
           		}

    .anima {
			height:42%;
		   }
		   
	.map-responsive {
		             height:300px;
	                }		   
}

@media (min-width:451px) and (max-width:768px) {

	.logo {
		   width:75px;
		   height:70px;
		  }	

	.bolsocolete {
				  margin-right:0px;
				  font-size:22px;
				 }

	.docimob {
			  font-size:22px;
		     }

}