@charset "utf-8";

@font-face {
  font-family: 'GothamBold';
    src: url("../fonts/GothamBold.ttf")  format("truetype");
 }

@font-face {
  font-family: 'GothamMedium';
     src: url("../fonts/GothamMedium.ttf")  format("truetype");
 }




@media (max-width: 609px){
	.logo{
	position: absolute; top: 15%; left: 27%; margin: auto; z-index: 1000000;
		width: 60%;
}
	
}

@media (max-width: 768px){
	.logo{
	position: absolute; top: 15%; left: 27%; margin: auto; z-index: 1000000;
		width: 70%;
	}
}

h1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
	color:white;
	padding-top: 5%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 5%;
}
h2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
	color: rgba(237,237,237,1.00);
	margin: 30px;
}
p{
	align-content: center;
	padding: 50px;
	font-size: 22px;
	color: rgba(233,231,231,1.00);
}

#menu{}
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;	
}
#menu ul li{
	display: inline-block;
}
#menu ul li a{
	color:rgba(231,231,231,0.80);
	display: block;
	padding: 20px 80px;
	text-decoration: none;
}
#menu ul li a:hover{
	background-color: rgba(0,0,0,0.70);
	color: rgba(255,255,255,1.00);
	
}
.item{
	float: right;

}
.cool{
	padding-top: 0%;
	padding-right: 15%;
	padding-left: 15%;
	padding-bottom: 0%;
}
.trailer{
	padding-bottom: 5%;
	padding-left: 45%;
}
.frase{
	text-align: center;
	font-size: 35px;
	padding-top: 5%;
}
#image div div div a img:hover{
   filter:brightness(1.4);
	}
#foot{
	color: whitesmoke;
	padding: 15px;
	align-content: center;
}