@font-face{
	font-family: "JosefinSans-Regular.ttf";
	src: url("../fonts/JosefinSans-Regular.ttf");
	font-weight: normal;
}

@font-face{
	font-family: "DancingScript-Bold.ttf";
	src: url("../fonts/DancingScript-Bold.ttf");
	font-weight: normal;
}
@font-face{
	font-family: "DancingScript-Regular.ttf";
	src: url("../fonts/DancingScript-Regular.ttf");
	font-weight: normal;
}
@media screen and (max-width: 720px) {
	header {
 	color: #fff;
	display: table;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background:url('../img/peces1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
 }}

h1{
	font-family: "DancingScript-Bold.ttf", bold;
}
h2{
	font-family: "DancingScript-Regular.ttf", bold;
}

h3{
	font-family: "JosefinSans-Regular.ttf", normal;
}
h4{
	font-family: "JosefinSans-Regular.ttf", normal;
	color: white;
}


body{
	margin: 0px;
	padding: 0px; 
}

#header{
	color: #fff;
	display: table;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background:url('../img/peces2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

#header-container{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 100%;
}

.borde{
	border: 2px solid #fff;
}

.borde2{
	border: 2px solid #003344;
}

.icon{
	background-color: #fff;
	border: 2px solid #fff;
	width: 40px;
	height: 40px;
	display: table;
	position: relative; 
	border-radius: 50%;
	transition: all 0.8s ease;
	margin: 0 auto;
}

.icon:hover{
	background-color: #003344;
}

.icon i{
	color: #003344;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
}

.icon:hover i{
	color: #fff;
}

#servicios{
	background-color: #003344;
	color: #fff;
}

#nosotros{
	color: #003344;
	size: 2px;

}

#navbar1{
	color: red
}

#footer{
	background-color: #000;
	color: #003344;
	padding: 10px 0;
	margin: 0;
}

#footer p{
	margin: 0;
	padding: 0;
}

#servicios2{
	background-color: #fff;
	color: #003344;
}

#contacto{
	background-color: #003344;
	color: #fff;
}

#web{
	background-color: black;
	color: #003344;
}



blockquote{
	font-family: "JosefinSans-Regular.ttf", normal;
	font-size: 16pt;  
}