@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);

body {
	background-color: #b0c6b9;
    font-family: 'Roboto', sans-serif;
}

nav ul li{
    list-style-type: none;
    padding: 1.2rem;
    margin: 0.8rem;
    background-color: darkcyan;
   
}
nav ul li a{
    text-decoration: none;
    margin: 0.5rem;
    font-family: sans-serif;
    display: block;
    
}
nav .botones{ position: relative; height: 50px;}
nav .cruz{ position: absolute; top: 10px; right: 10px;}
nav .hamb{position: absolute; top: 10px; right: 10px;}

#container{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;

	/* Or do it all in one line with flex flow */
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	/* tweak the where items line up on the row */
	/* valid values are: flex-start, flex-end, space-between, space-around, stretch */
	-webkit-align-content: flex-end;
	align-content: flex-end;
}

.contenedor{
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	border-radius: 0.3rem;
	padding: 0.2rem;
	text-align: center;
	background-color: cadetblue;
	margin-left:0.2rem;
}
.contenedor2{
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	border-radius: 0.3rem;
	padding: 0.2rem;
	text-align: center;
	background-color: cadetblue;
	margin:0.2rem;
}
.contenedor3{
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	border-radius: 0.3rem;
	width: 20rem;
	padding: 0.2rem;
	text-align: center;
	background-color: white;
	margin:0.2rem;
}

footer p{
    font-size: 0.5rem;
}
/*
body{
    text-align: center;
    margin: auto;
    margin-top: 40px;
    background-image: url(img/fondo.jpg)
   
}


nav ul li{
    float: left;
    list-style-type: none;
    padding: 0.5rem;
    margin: 1.2rem;
    background-color: darkcyan;

}
nav ul li a{
    text-decoration: none;
    margin: 0.2rem;
    font-family: sans-serif;
    
}


header {background-color: cadetblue;
overflow: inherit;}


.contenedor{
    background-color: cadetblue;
    width:33%;
    position: relative;
    float: left;
     height: 15rem;
     margin-top: 2rem;
    
}

article {
    margin right: auto;

    padding: 2rem;
    margin: 1rem;

}
.contenedor2
{
    position: relative;
    float: left;
    background-color: cadetblue;
    width: 33%;
    height: 15rem;
     margin-top: 2rem;
}

.contenedor3{
    position: relative;
    float: left;
    width: 33%;
background-color:cadetblue;
     height: 15rem;
    margin-top: 2rem;
}



section{ 
    position:relative;
    float: none;
    
    margin: 25rem 22rem 0rem 23rem;

font-family: serif;
font-size: 1rem;}
.section1{
    background-color: cadetblue;
    padding: 0.2rem 1rem;
}
footer p{
    position: relative;
    float:left;
padding: 0rem;
    text-align: center;
    font-size: 0.8rem;

    
}

*/