@charset "UTF-8";

@font-face {
	font-family: 'calder';
	src: url('/templates/libraria/fonts/Calder-DarkGrit.ttf');
}

:root{
	 --font-title: 'calder', sans-serif;
	  --font-main: 'Montserrat', sans-serif;
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend
{margin: 0; padding:0 ;border:0; outline:0; font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
h1,h2,h3,h3,h4,h5,h6{
	font-weight:normal;font-family: var(--font-title);
}
a:hover{color:#000; text-decoration:none;}
input, textarea, button{
	border:none;background:none;padding:0;outline:0;border:0px;margin:0;resize: none;-webkit-appearance: none;
	font:14px 'sie', Helvetica, sans-serif;font-weight:500
}
img{border:0px;} 
ul,ol{list-style:none} 
a{text-decoration:none;}
a:focus, input:focus, button:focus, textarea:focus, select:focus{outline:0px;text-decoration:none}

.clearfix:before,.clearfix:after{content: "";   display: table;clear: both;}
*, *:before, *:after {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;	
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background:none}
img{-ms-interpolation-mode: bicubic; }

img,*:after,*:before{
	-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);
	backface-visibility: hidden;transform: translateZ(0) scale(1.0, 1.0);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


html,body{width:100%;  }	

#main-scrollbar{
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
}
.back{
	position: fixed;
	left:0;top:0;right:0;bottom:0;
	background: url('/templates/layout_images/back.jpg') left top;
	
	background-size: cover;
}

.main-container{
	display:flex;height:100vh;
	position:relative;

	justify-content: center;align-items: center;
	flex-direction: column;
}

.pata{
	display: block;width:10vw;
	margin-bottom:5vh
}


h1{
	font-size:50px;text-transform: uppercase;
	text-align: center;
	max-width:75vw
}

@media only screen and (max-width: 767px) {
	.pata{
		width:20vw;
	}
	h1{
		font-size:40px;	max-width:80vw
	}

}


@media only screen and (max-width:480px) {
	.pata{
		width:40vw;
	}
	h1{
		font-size:30px;	max-width:90vw
	}

}