* { margin: 0;
    padding: 0;

}

.relleno{background-color: red;
  max-height: 100%;
  max-width: 100%;

}

html, body { 
  max-width: 100%;
  overflow-x: hidden;
  margin-top: 30px;
}


body {
  line-height: 1.6;
  font-family: 'akzidenz-grotesk_nextregular';
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #333333;
  font-weight: 400;
}


@font-face {
  font-family: 'akzidenz-grotesk_nextbold';
  src: url('../fonts/agnextbold-webfont.woff2') format('woff2'),
       url('../fonts/agnextbold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  display: flex;
   align-items: center;
  src: url('../fonts/agnextbold-webfont.woff2') format('woff2'),
       url('../fonts/agnextbold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}



@font-face {
  font-family: 'akzidenz-grotesk_nextregular';
  src: url('../fonts/agnextregular-webfont.woff2') format('woff2'),
       url('../fonts/agnextregular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}



/* header  */
/* barra logo */

.header-top-bar {
  height: 60px;
  vertical-align: middle;
  background: black;
  padding: 10px 20px 0px 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}









.bannerweb{
   display: block;
   margin-top: 0px;
}


.botonera{
  text-align: center;
  margin-bottom: 100px;
	margin-top: 30px;
	max-width: 100%
}



  
.btn{
  background-color: #524C65;
   font-size: 20px;
   color: white;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
   padding: 10px;
   
  

}


.btn:hover {
  color: #31D7B8;
   
  

}


















 footer {
  background-color:#524C65 ;
  max-width: 100%;
  text-align: center;
  height: 70px;
  color: white;
  font-size: 17px;
  margin-bottom: 0px;
  padding-top: 20px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  	 
  
 

}

footer p {
	font-weight: bold;
	}


 







/* ----------------------------- */







/* MEDIAQUERY */



/* MEDIAQUERY BANNER */


@media screen and ( max-width: 900px) { 





.bannerweb {
  display: none;

}
	
	
.header-top-bar {
  
  padding: 10px 20px 0px 0px;
 
  
  
}







body { 
  max-width: 100%;
  overflow-x: hidden;
  margin-top: 26px;
  margin-bottom: 70px;
  overflow-y: scroll;
  height: 100vh;
}





.row{
  padding-left: 3%;
  
	
}

	


	
	
.botonera {
  margin-top: 30px;
  max-width: 100%;
  
}
	 
	 
	 
	 
}
.btn {
  background-color: #524C65;
	font-size: 20PX;
	color: white;
	padding: 10px;

}



div .mob {
  
margin-bottom: 20px !important;

}