body, html{height:100%;margin: 0;color: #fff;font-family: 'Dosis', sans-serif;}

a{
	color: #3e3e3e;
	text-decoration: none;
}

body{
	
	padding-bottom: 500px;
}

nav{
	background-color: #ccc;
	padding:20px;


}
nav ul{
	list-style-type: none;
	float:right;
}

nav ul li{
	float: left;
	font-size: 20px;

}

nav ul li a{
	color:#fff;
	padding:0 30px;
}

header{
	background: url('../img/final-cepre.jpg') no-repeat;
	background-size: cover;
	max-width: 100%;
	height: auto;
	padding-bottom: 20px;
	margin-top: -2px;
}

section{
	height:500px;
}

footer{
	max-width: 100%;
	height:auto;
	background-color: #0071B9;
}


#logo{
 font-size:3em;
}

.container{

	text-align: center;
	width: 50%;
	margin:100px auto 0 100px;
	height: 450px;
}

h1{
	font-size: 4.5em;
	font-weight: 600;
}

.container p{
	font-size: 2em;
	line-height: 1.4em;
}

/* form */
.control-form {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
p{
	font-size: 15px;
	line-height: 1.4em;
	color:#666666;


}

.foot{

	font-size: 10px;
	
}

/****EFECTO FOTOS********/