@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

a, a:link, a:visited, a:hover, a:active{text-decoration:none; color: #171717;}

html {overflow-x: hidden; font-family: 'Lato', sans-serif; background-color: #e6e6e6;}
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;}

header{width: 100%; height: 100vh;}

#cabecera{
	max-width: 1024px;
	margin: auto;
	display: block;
	min-height: 100vh;
	position: relative;}

#cabecera-contenido{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#logo{width: 100%; text-align: center; padding-top: 50vh; padding-bottom: 70px;}
#logo img{width: 30%}
#tumma{width: 100%; text-align: center; padding-bottom: 50vh;}
#tumma img{height: 65vh;}


#web{width: 100%;}
#web-contenido{max-width: 1024px; margin: auto; text-align: center; line-height: 20px; padding-bottom: 250px;}
.separador{max-width: 30px; margin: auto; padding-top: 60px; padding-bottom: 60px;}
.separador img{width: 100%;}

.enlace a{cursor: pointer; text-decoration: underline; filter: opacity(.5); transition:all .9s ease-in-out; color: #171717;}
.enlace a:hover{filter: opacity(1);}

#collage{max-width: 820px; margin-top: 120px; margin-bottom: 120px; margin-left:auto; margin-right:auto;}
#collage img{width: 100%;}

.rrss{max-width: 90px; margin: auto; padding-bottom: 60px;}
.rrss img{width: 100%;}
.rrss a{cursor: pointer; text-decoration: underline; filter: opacity(.5); transition:all .9s ease-in-out;}
.rrss a:hover{filter: opacity(1);}

.f_light{font-weight: 300;}
.f_reg{font-weight: 400;}
.f_reg-it{font-weight: 400; font-style: italic;}
.f_bld{font-weight: 700;}
.f_bld-it{font-weight: 700; font-style: italic;}
.f_blk{font-weight: 900;}

.size1{font-size: 9pt;}
.size2{font-size: 15pt; letter-spacing: -0.5px;line-height: 50px;}
.size3{font-size: 12pt; letter-spacing: 1.5px;}
.size4{font-size: 12pt;}
.size5{font-size: 18pt;}
.size6{font-size: 15pt;}
.size6-2{font-size: 15pt;}
.size7{font-size: 15pt; letter-spacing: 1.5px;}

@media only screen and (max-width:800px){
	#tumma img{height: 50vh;}
	#web-contenido{padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width:580px){
	#logo img{width: 40%}
	#tumma img{height: 40vh;}
	.size6-2{font-size: 8.5pt;}
	.size1{font-size: 7pt;}
	.size2{font-size: 10pt; line-height: 16px;}
	.size3{font-size: 10pt; letter-spacing: 0px;}
	.size4{font-size: 8.5pt;}
	.size5{font-size: 12pt;}
	.size6{font-size: 10pt;}
	.rrss{max-width: 60px;}
}

#firma-web-laikaway{font-family: Montserrat; font-weight: 400; font-size: 8pt; color: #000; justify-content: center; align-items: center; display: flex; width: 250px; margin: auto; padding-top: 5px;}
#firma-web-laikaway a{text-decoration: none; color: #000; font-weight: 700; transition: 1s; margin-left: 5px;}
#firma-web-laikaway a:hover{color: #ffef00;}
#firma-web-laikaway img{max-height: 50px; max-width: 50px; padding-top: 5px; padding-bottom: 5px; filter: grayscale(100%); transition: 1s; margin-left: -5px;}
#firma-web-laikaway img:hover{filter: grayscale(0%);}