body{
	background:url('/img/portada.jpg');
	background-size: cover;
	background-repeat:no-repeat;
}

h4{
	color:white;
    margin-bottom: .5rem;
    font-family: Roboto,sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;

}

.icon i{
	color:white;
	font-size:120px;
	cursor:pointer;
}
	
#form{
	margin: auto;
	background:#eee;
	width:380px;
	display: flex;
	margin-top:5%;
	border-radius:5px;
	box-shadow:0 0 3px 3px white;
	background:rgba(0,0,0,0.7);
}

#form #content{
	margin:20px;

}
#formu{
margin-top:-30px;
}

div.error{
    background-color:#FCC;
    border-color:#F66;
    color:#F00;
    margin: .375rem;
    text-align:center;
    padding: .50rem 2rem;   
    font-family: Roboto,sans-serif;
    border-radius: .125rem;  

    }

input{
     
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border: none;  
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
    height:45px;
    margin-top:45px;
    width:340px;
    border-bottom:2px solid white;	
    color:white;
}

input:hover{
 border-bottom:1px solid white;
}


#form #content button{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .99rem;
    font-family: Roboto,sans-serif;
    -webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color:#fff;
    background-color:#76c5f0 !important;
    margin-top:40px;  
    font-weight: 600;
}

#form #content button:hover{
    color: #000;
    background-color: #fff !important;  
    font-weight: 600;     
    
}

.heading, .info{
    color: #fff;
    margin-top: 20px;
}

.btn-signup{
    color:#b39964;
}

@media only screen and (max-width: 767px) {

    body {
    
    background-image: url('/img/portada_ext_movil.jpg');
    
    }
}