/*MOBILE*/
	.contenido{
		width:100%;
	}

	.banner{
		width:100%;
		position:relative;
		margin-bottom:30px;
		border:solid 2px #ccc;
	}

	.banner img{
		width:100%;
		filter: brightness(55%);
	}

	.banner h1{
		color:#fff;
		font-size: 40px;
		font-weight: bolder;
		letter-spacing: 2px;
		position:absolute;
		top: 50%;
   		left: 50%;
    	transform: translate(-50%, -50%);
    	font-family: bebas;
    	letter-spacing: 7px;
    	text-shadow: 5px 5px #000;
	}

	.contact{
		width:100%;
		height:500px;
		display:flex;
		align-items: center;
		justify-content: center;
	}

	.form{
		width:100%;
		max-width:500px;
		height:450px;
		display:flex;
		flex-direction: column;
		align-items: center;
		border:solid 2px #ccc;
		background: #515151;
		background: #777777;
        background: -moz-linear-gradient(top, #777777 0%, #333333 100%);
        background: -webkit-linear-gradient(top, #777777 0%,#333333 100%);
        background: linear-gradient(to bottom, #777777 0%,#333333 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#333333',GradientType=0 );
	}

	.form h1{
		color:#fff;
		font-size:30px;
		text-align:center;
		padding:10px 0;
		font-family:montserrat;
		text-decoration:none;
		letter-spacing:7px;
		text-shadow: 4px 4px #000;
	}

	.input{
		display:block;
		width:60%;
		max-width:60%; 
		min-width:60%;
		min-height: 7%;
		max-height:20%;
		padding-left:35px;
		height:7%;
		background-repeat: no-repeat;
		background-position: 1% center;
		font-size:20px;
		line-height: 20px;
		margin-top:30px;
		box-shadow: 7px 7px rgb(0,0,0, 30%);
		font-family:roboto;
		font-weight:600;
	}

	input[id=account]{
		background-image: url(../images/icons/account-24.png);
	}

	input[id=apellido]{
		background-image: url(../images/icons/account-24.png);
	}

	input[id=mail]{
		background-image: url(../images/icons/mail-24.png);
	}

	input[id=mensaje] {
		background-image: url(../images/icons/message-24.png);	
	}
	
	.boton{
		display:block;
		width:60%;
		height:7%;
		font-size:20px;
		margin-top:30px;
		border:none;
		background: #009c08;
        background: -moz-linear-gradient(top, #009c08 0%, #0a6d00 100%);
        background: -webkit-linear-gradient(top, #009c08 0%,#0a6d00 100%);
        background: linear-gradient(to bottom, #009c08 0%,#0a6d00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009c08', endColorstr='#0a6d00',GradientType=0 );
        font-family:bebas;
        letter-spacing:2px;
	}

	.boton:hover {
		box-shadow: 0px 2px #000;
		cursor:pointer;
	}

/*TABLET*/
@media only screen and (min-width:500px){
	.banner h1{
		font-size:60px;
	}

	.contact{
		height:700px;
	}

	.form{
		height:700px;
	}

	.form h1{
		margin-top:20px;
	}

	.input{
		margin-top:50px;
	}
}

/*NOTEBOOK1*/
@media only screen and (min-width:1024px){
	.banner{
		max-width:1360px;
		margin: 20px auto;
	}
	.banner h1{
		font-size:80px;
		letter-spacing: 10px;
    	text-shadow: 7px 7px #000;
	}
}

/*PC*/
@media only screen and (min-width:1890px){
	.contact{
		height:800px;
		margin-top:40px;
	}

	.form{
		height:700px;
		max-width: 600px;
	}

	.form h1{
		margin-top:20px;
		margin-bottom:0px;
	}

	.boton{
		margin-top: 60px;
	}
}