* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

body {
	font-family: Lato;
}

.fondo{
	background-image: url('./../img/fondo4b.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
    -o-background-size: cover;
}

h1{
	padding-top:40px;
}
h2{
    padding-top:60px;
    color: #ffffff !important;
}
	
h3 {
	padding-top:60px;
    color:#ffffff !important;
}
	
#h3f {
	font-size: 20px;
  color: #ec4b62 !important;
}

.card-columns {
	  column-count: 6;
}
 

  /*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.fondo{
		background-image: url('./../img/fondom2.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		}
		h1 {
			padding-top:120px;
			font-size: 30px;
			color:#9e2e26ff;
		}
		
		h2 {
			padding-top:60px;
		   
		}
	
		h3{
			padding-top:60px;
			
		}
	
		.card-columns {
	
			column-count: 1;
	  
		  
		}

}
  
  /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
	.fondo{
		background-image: url('./../img/fondom2.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		}
		h1 {
			padding-top:100px;
			font-size: 30px;
			color:#9e2e26ff;
		}
		
		h2 {
			padding-top:60px;
		   
		}
	
		h3{
			padding-top:60px;
			
		}
	
		.card-columns {
	
			column-count: 3;
	  
		  
		}

}
  

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.fondo{
		background-image: url('./../img/fondo4b.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		}
		h1 {
			padding-top:100px;
			font-size: 30px;
			color:#9e2e26ff;
		}
		
		h2 {
			padding-top:60px;
		   
		}
	
		h3{
			padding-top:60px;
			
		}
	
		.card-columns {
	
			column-count: 4;
	  
		  
		}
}


.container-fluid nav{
 background: white !important;
}

.container-fluid nav button {
 background: #ec4b62 !important;	
}

.container-fluid nav ul li a{
 text-decoration:none;
 background:white !important;
 color: #ec4b62 !important;
 font-size:  18px;
 padding: 30px 10px;
}

.container-fluid nav ul li a:hover {
   color: white !important;
   background: #ec4b62 !important;
}