*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
}

body, html {
	height: 100%;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

#main {
	height: 100%; 
	position: relative;
	background-image: url("italogrill.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#main .center {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

.logo {
	position: relative;
	display:block;
	height:9em;
	width:9em;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, 0%);
	background-image: url("logo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 8em;
}


h1 {
	color: #fff;
	font-family: 'Rowdies', cursive;
	font-size: 5em;
	margin-bottom: 0.3em;
	text-align: center;

}

h2 {
	color: #fff;
	font-family: 'Barlow Semi Condensed', sans-serif;;
	font-size: 2.2em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
}


p {
	color: #fff;
	font-family: 'Barlow Semi Condensed', sans-serif;;
	font-size: 1.7em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 30px 0 55px 0;
}


#footer {
	position: fixed;
	left: 0;
	bottom: 0;

}

#myVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
}

.w-logo {
	width:3em;
	height:3em;
	display: flex;
	align-items: center;
	justify-content:center;
	background-color: #25d366;
	position: fixed;
	right:20px;
	bottom:20px;
	border-radius:50%;
	z-index:999;
	box-shadow: 2px 2px 3px #444;
}

.w-logo img{
	max-height: 2em;
	weight: auto;
	-ms-transform: translate(2%, 2%);
	transform: translate(2%, 2%);
}

.f-logo {
	width:3em;
	height:3em;
	display: flex;
	align-items: center;
	justify-content:center;
	background-color:  #3b5998;
	position: fixed;
	right:20px;
	bottom:80px;
	border-radius:50%;
	z-index:999;
	box-shadow: 2px 2px 3px #444;
}

.f-logo img{
	max-height: 1.8em;
	weight: auto;
	-ms-transform: translate(-2%, 10%);
	transform: translate(-2%, 10%);
}

.i-logo {
	width:3em;
	height:3em;
	display: flex;
	align-items: center;
	justify-content:center;
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	position: fixed;
	right:20px;
	bottom:140px;
	border-radius:50%;
	z-index:999;
	box-shadow: 2px 2px 3px #444;
}

.i-logo img{
	max-height: 1.8em;
	weight: auto;
	-ms-transform: translate(-1%, 8%);
	transform: translate(-1%, 8%);
}

.y-logo {
	width:3em;
	height:3em;
	display: flex;
	align-items: center;
	justify-content:center;
	background-color:  #c4302b;
	position: fixed;
	right:20px;
	bottom:200px;
	border-radius:50%;
	z-index:999;
	box-shadow: 2px 2px 3px #444;
	display:none;
}

.y-logo img{
	max-height: 1.8em;
	weight: auto;
	-ms-transform: translate(1%, 7%);
	transform: translate(1%, 7%);
}

.italia{
	height: 25px;
	width: 8.7em;
	position: relative;
	text-align: center;
	justify-content: center;
	color: #fff;
	left: 50%;
	font-size: 0.8em;
	margin-top:44px;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image:linear-gradient(90deg, #00b500 33%, #fff 33%, #fff 66.66%, #ff0606 66.66%);
	background-position: bottom;
	background-size: 8.7em 0.7em;
	background-repeat: no-repeat;	
}



@media only screen and (max-width: 600px) {
.logo {
	height:7em;
	width:7em;
	background-size: 5em;
	}
h1 {
	font-size: 3em;
	margin-bottom: 0.3em;
	}
h2 {
	font-size: 1.2em;
	margin-bottom: 0.3em;
	}
p {
	font-size: 0.8em;
	margin-bottom: 0.3em;
	}

.y-logo{
	position:fixed !important; 
	right: 200px !important;
	bottom: 20px !important;
	display:none;
	}
.i-logo{
	position:fixed !important; 
	right: 140px !important;
	bottom: 20px !important;
	}
.f-logo{
	position:fixed !important; 
	right: 80px !important;
	bottom: 20px !important;
	}
.w-logo{
	position:fixed !important; 
	right: 20px !important;
	bottom: 20px !important;
	}
.italia{
	height: 18px;
	width: 9.7em;
	font-size: 0.6em;
	margin-top:38px;
	background-size: 9.7em 0.5em;
	}	
}

.button {
	background-color: #FFCD09;
	border: none;
	position: relative;
	left: 50%;
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 16px;
	margin: 40px 2px 30px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius: 10px;
}

.button:hover {
	background-color:#D76704; 
	color: #fff;
}

a:link {
	color: #fff;
}
a:visited {
	color: #fff;
}
	a:hover {
	color: #fff;
}
a:active {
	color: #fff;
}