/* reset */

/* eliminar foco movil */
/* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */ 

div,p,a,button,img,h1,h2,h3, background {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;

	font: inherit;
    vertical-align: baseline;	
    background: none;
}
html {
  		/*font-size: 16px;*/
  	text-decoration: none;
  	border: 0;
}
a {
  	display: block;
  	color: inherit;
  	color: none;
  	font-size: inherit;
}
p a {
  	display: inline;
}
img,picture,video,iframe,figure,svg {
	margin: 0;
	padding: 0;
	border: 0;
  	display: block;
  	max-width: 100%;
}
/* para contenedores que contengan flexbox y navegadores antiguos */
/*
.nombre_container {
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
}
*/
/* tamaño tipologia para movil */
/*
.small {font-size: .75rem;}
.large {font-size: 1.25rem;}
*/

/* fuentes */
/* roboto - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src:  local('Roboto'), 
		url('../fonts/roboto-v47-latin-100.woff2') format('woff2'),
		url('../fonts/roboto-v47-latin-100.woff') format('woff'),
		url('../fonts/roboto-v47-latin-100.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-200.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-200.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-200.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-300.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-300.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-300.ttf') format('truetype');
}
/* regular */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-regular.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-500.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-500.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-600.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-600.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-600.ttf') format('truetype');
}
/* bold */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-700.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-700.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-700.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-800.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-800.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-800.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src:  local('Roboto'), 
  		url('../fonts/roboto-v47-latin-900.woff2') format('woff2'),
  		url('../fonts/roboto-v47-latin-900.woff') format('woff'),
  		url('../fonts/roboto-v47-latin-900.ttf') format('truetype');
}
body{
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 0.8rem;
    box-sizing: border-box;
    list-style-type: none;
    croll-behavior: smooth;

    font-family: Roboto, sans-serif;
  	letter-spacing: 0.02rem;
}