/* @override http://lascuolaopensource.xyz/XYZ2018/assets/css/index.css */

/* @override http://lascuolaopensource.xyz/XYZ2018/assets/css/index.css */

/* @override http://www.lascuolaopensource.xyz/XYZ2018/assets/css/index.css */

/* @override http://localhost:8000/assets/css/index.css */

/* @override http://lascuolaopensource.xyz/XYZ2018/assets/css/index.css */

/* @override http://lascuolaopensource.xyz/XYZ2018/assets/css/index.css */

/* @override http://lascuolaopensource.xyz/XYZ2018/assets/css/index.css */

/* @override http://localhost:8000/assets/css/index.css */



/* Caricamento caratteri tipografici */

@font-face {
    font-family: 'freakgrotesk';
       src: url("/assets/css/fonts/Freak-Grotesk.otf");
}
@font-face {
    font-family: 'freakgrotesknext';
       src: url("/assets/css/fonts/FREAKGrotesk-next.otf");
}
@font-face {
    font-family: 'HK-Light';
       src: url("/assets/css/fonts/HKGrotesk-Light.otf");
}
@font-face {
    font-family: 'HK-Lightitalic';
      src: url("/assets/css/fonts/HKGrotesk-LightItalic.otf");
}
@font-face {
    font-family: 'HK-Regular';
       src: url("/assets/css/fonts/HKGrotesk-Regular.otf");
}
@font-face {
    font-family: 'HK-Italic';
   src: url("/assets/css/fonts/HKGrotesk-Italic.otf");
}
@font-face {
    font-family: 'HK-Medium';
   src: url("/assets/css/fonts/HKGrotesk-Medium.otf");
}
@font-face {
    font-family: 'HK-MediumItalic';
       src: url("/assets/css/fonts/HKGrotesk-MediumItalic.otf");
}
@font-face {
    font-family: 'HK-Bold';
       src: url("/assets/css/fonts/HKGrotesk-Bold.otf");
}
@font-face {
    font-family: 'HK-BoldItalic';
   src: url("/assets/css/fonts/HKGrotesk-BoldItalic.otf");
}

@media all {
#clockdiv{
	display: flex;
}
.not{
	display:none;
}
strong{
	font-family: 'freakgrotesknext';
	color:#000;
}
span{
	color:#000;
	font-family: 'HK-Bold';
}
img.image{
	width:100%;
	height:auto;
}
.smalltext{
	margin-right:1em;
}
h1.mega{
	position: relative;
	top:130vh;
	color:#fff;
	transform: translateX(0);
	font-family: 'freakgrotesknext';
  -moz-font-feature-settings: "ss03";
  -webkit-font-feature-settings: "ss03";
  font-feature-settings: "ss03";
	font-size: 7em;
	margin:0;
	width:100%;	
	text-align: center;
	line-height: 1em;
}
*{
	font-weight: normal;
	font-style: normal;
	transition: all .3s;
	line-height: 1.5em;
	font-size: 1.1em;
	color:#000;
	font-family: 'hk-light';
	font-style: normal;
	font-weight: normal;
}
a{ color:#000; }
p{font-size:1.2em;}
h1,h2,h3{font-size:2.4em;}
html{
	background-color: white;
	padding:15%;
	padding-top:0;
}

}

@media screen and (max-width: 1280px) {
h1.mega{
	position: relative;
	top:70vw;
  }
}

@media screen and (max-width: 900px) {
h1.mega{
	position: relative;
	top:66vw;
	font-size: 4em;
	color:#000;
  }
}

@media screen and (max-width: 600px) {
	*{
		font-size:14px!important;
	}
	html{
		padding:5%;
	}
hr{
			margin-top:1em;
		margin-bottom:1em;

}
p{margin:1em!important;}
	div{
		display:block!important;
		width:100%!important;
	}
h1.mega{
	position: absolute;
	font-size:4em!important;
	top:60vw;
	 }
}
 @media screen and (max-width: 450px) {
h1.mega{
	top:55vw;
	font-size:2.5em!important;
	color:#000;
  }
}