@import url('https://fonts.googleapis.com/css?family=Inconsolata');
@import url(menu.css);
@import url(banner.css);
@import url(blog.css);
@import url(info.css);

* 
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body {font-family: 'Inconsolata', monospace;}

header
{
	width: 100%;
	height: 50px;
	background:  #17266e;
	color: #FFF;

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

/*#333*/
.contenedor
{
	width: 98%;
	margin: auto;
}

h1 {float: left;}

header .contenedor {display: block;}

#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;}
    
}