/*
azul claro: #3675a5;
azul : #3675ad;
azul fuerte: #101a32;
*/

/*MOBILE TABLET PC*/

* {
  font-family: "Montserrat", sans-serif;
}

body {
	background-color: #fff;
}

#wrap, .flex, .section, .sub, .margen {
  border: none; /*none*/
}

#header {
	background-color: #111;
}

#header nav {
  width: 60%;

}

#boton_menu {
  color: #fff;	
}

#header .menu > a {	
	color: #fff;
	text-transform: uppercase;
  font-size: .85em;	
}

#scrolled_px {
	display: none; /*none*/
}

#logo {  
  width: 55px;
  height: 55px;
}

.margen {
  width: 93%;
}

.section h1 {
  color: #333;
  text-align: center; 	
	font-size: 1.3em;
}

.section h2 {
	font-weight: 600;
  color: #3675ad;
  text-align: center;	
	margin-bottom: 50px;
}

.section h3 {
   text-align: center;
   font-size: 1em;
   color: #3675ad;
	 margin-bottom: 30px;
}

.section p  {
   color: #111;
 	 font-size: 1em;
}

.section li  {
   color: #111;
 	 font-size: 1em;
}

#footer {
	 background-color: #101a32;
	 color: #fff;
	 font-size: 1em;
}

#footer .margen {
	 padding: 50px 0px;
}

#footer .margen > .flex5 {
	 padding: 15px 0px;
}

#footer h3 {
   width: 100%; 
	 color: #97E0F5;
	 font-size: 1.3em;
	 margin-bottom: 10px;
}

#footer ul {
	 width: 100%;
}

#footer li {
	 list-style-type: none;
	 margin-bottom: 7px;  
}

#footer a {
	 /*color: #eee;*/
	 color: inherit;
	 text-decoration: none;
	 width: 100%;
}

#footer .p_rights {
	 /*color: #ddd;*/
	 margin-top: 30px;
}

#footer .div_icons {
	 margin-top: 10px;
	 width: 100%;	
	 justify-content: stretch;
	 display: flex;
}

#footer .div_icons a {
	width: initial;
}

#footer .div_icons i {
	 color: #eee;
	 font-size: 1.5em;	
	 margin-right: 15px;
}

#footer .div_img {
	 width: 90px;
	 height: 90px;
	 margin-bottom: 10px;
}

#positive_ssl img {
	width: 160px;
	height: 50px;	
}

#footer .flex2:not(:nth-last-of-type(1)) {
	margin-bottom: 30px;
}

#footer .flex2 .flex:nth-of-type(1) {
	margin-bottom: 20px;
}

#whats a {
	 width: initial; /*100%*/
}



/*TABLET AND PC ONLY*/
@media only screen and (min-width: 768px) { 
	
   .section h3 {
       font-size: 1.6em;        
   }	
	
	.section p {
		font-size: 1.2em;
	}	
	
	.section li  {
		 font-size: 1.2em;
	}	
	
	#footer {
    text-align: center
	}
	
	#footer .div_icons {
		justify-content: center;
	}	
	
	#footer .flex2:nth-of-type(1) {
		width: 100%;
		border: none;
		margin: auto;
		margin-bottom: 50px;
		align-self: center;
		padding: 0px 150px;		
	}
	
	#positive_ssl {
		margin: auto;
	}
	
	#footer .flex2:nth-of-type(1) a  {
		width: 50%;
   margin: auto;
	}
	
	#footer .p_rights {
    text-align: center; /*left*/
	}
	
	#footer br {
		margin-bottom: 10px;
	}
	
}

/*PC ONLY*/
@media only screen and (min-width: 1200px) { 
	
	#header {
		background: rgba(0, 0, 0, .5);
	}

	#wrap {
		padding-top: initial
	}	
	
  .section h2 {
     font-size: 2.5em;
   }	
	
	#footer .margen {
		padding: 80px 100px;
	}
	

	
	#footer .flex4:nth-of-type(2) {
		border-bottom: initial;
	}		

	#footer .margen > .flex4 {
    padding: 0px 20px;
		border-left: 1px solid #fff;
		height: 130px;
		width: 22%;
	}
	
	#footer .flex4:nth-of-type(2) a {
		 margin-bottom: 25px; 
	}	

	#footer .flex4:nth-of-type(1) {
     width: 30%;
	}		
	
}