@charset "utf-8";
/* CSS Document */
*{
	font-family: 'Gabriela';
}
body{
	background: -webkit-gradient(linear, left top, left bottom, from(#9F0909), to(#000000));
	height: 850px;
	
}
.icona{
	width: 100%;
}
.icona img{
	position: absolute;
	width: 25%;
	left: 40%;
	top:20px;
}

@media screen and (max-width: 1000px) {
.temps{
	position: relative;
	top: 150px;
	width: 100%;
	font-size: 25px;
	text-align: center;
	color:beige;
}
.caixa{
	position: relative;
	top: 250px;
	width: 90%;
	height: 10px;
	left: 10%;
	margin-left: -5%; 
}

.form{
	position: relative;
	background-color: #4D0207;
	width: 20%;
	height: 40px;
	left: 30%;
	top: 10px;
}
.nom{
	height: 40px;
	width: 100%;
	background-color: beige;
}
.contact_form{
	position: relative;
	background-color: #4D0207;
	width: 40%;
	height: 40px;
	left: 30%;
	top: 0px;
}

input{
	position: relative;
	width: 99%;
	height:40px;
	top: 0px;
	color: black;
	background-color: #F0F0F0;
	text-align: center;
	font-size: 18px;
	border-style: solid;
	border-color: #434343;
}
button{
	margin-top: 40px;
	width: 50%;
	height:60px;
	color: white;
	text-align: center;
	font-size: 30px;
	margin-left: 25%;
}

button.entrar {
    background-color: beige;
    color: #4B4B4B;
	font-size: 20px;
	font-weight:400;
    text-align: center;
    text-shadow: 1px 1px 0 #B8B8B8;
	height: 80px;
	width: 40%;
	position:relative;
	top: -10px;
	left: 5%;
	cursor: pointer;
	border-radius: 20px;
	border-color: black;
}
button.entrar:hover {
	opacity: .85;
	cursor: pointer;
	border-radius: 20px;	
	top: -10.5px;
	left: 5.5%;
    }
	
}

@media screen and (min-width: 1000px) {
.temps{
	position: relative;
	top: 250px;
	width: 100%;
	font-size: 25px;
	text-align: center;
	color:beige;
}	

.caixa{
	position: relative;
	top: 300px;
	width: 90%;
	height: 10px;
	left: 10%;
	margin-left: -5%; 
}

.form{
	position: relative;
	background-color: #4D0207;
	width: 20%;
	height: 40px;
	left: 30%;
	top: 80px;
}
.nom{
	height: 40px;
	width: 100%;
	top: 0px;
	background-color: beige;
}
.contact_form{
	position: relative;
	background-color: #4D0207;
	width: 40%;
	height: 40px;
	left: 30%;
	top: 100px;
}


input{
	position: relative;
	width: 99%;
	height:40px;
	top: 250px;
	color: black;
	background-color: #F0F0F0;
	text-align: center;
	font-size: 22px;
	border-style: solid;
	border-color: #434343;
}
button{
	margin-top: 40px;
	width: 50%;
	height:60px;
	color: white;
	text-align: center;
	font-size: 30px;
	margin-left: 25%;
}
.caixacarta{
	position: relative;
	top: 12vw;
	width: 60%;
    height: 20vw;
	left: 20%;
}
.cartade{
    position: relative;
	top: 0vw;
    left: 15vw;
	width: 100%;
    font-size: 4vw;
    color: aliceblue;
}
.input_carta{
    position: relative;
	top: 2vw;
	width: 100%;
    font-size: 4vw;
}
button.entrar {
    background-color: beige;
    color: #4B4B4B;
	font-size: 20px;
	font-weight:400;
    text-align: center;
    text-shadow: 1px 1px 0 #B8B8B8;
	height: 80px;
	width: 20%;
	position:relative;
	top: -10px;
	left: 15%;
	cursor: pointer;
	border-radius: 20px;
	border-color: black;
}
button.entrar:hover {
	opacity: .85;
	cursor: pointer;
	border-radius: 20px;	
	top: -10.5px;
	left: 15.5%;
    }

}