@import url(menu.css);
@import url(banner.css);
@import url(blog.css);
@import url(info.css);
*{
margin:0;
padding:0;
box-sizing: border-box;
}

header{
width:100%;
height:50px;
background:#333;
color:#fff;

position:fixed;
top:0;
left:0;
z-index:100;
}

.contenedor{
width:98%;
margin:auto;
}

h1{
float:left;
}

header .contenedor{
	display: table;
}

section{
	width: 100%;
	margin-bottom: 25px;
}

#bienvenidos{
text-align:center;
}

footer .contenedor{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 25px;
}
.copy{
	font-size:20px;
}

.sociales{
	width: 100%;
	text-align: center;
	font-size: 28px;
}

.sociales a{
	color: #333;
	text-decoration:none;
}

@media (min-width:768px){
	.sociales{
		width: auto;
	}
	
	footer .contenedor {
		justify-content: space-between;
	}
}

@media (min-width:1024px){
	.contenedor{
		width: 1000px;
	}
}