body{font-family: 'Roboto', sans-serif; padding:0;margin:0
}

header {font-family: 'Fredoka One'; background-color: #8ee6e8; color: #ffffff; padding: 0px 15px;}
h1{font-size: 25px; letter-spacing: 3px; display: inline-block;}

.menu {text-align: right; display: inline-block; padding-left: 250px;}
main{text-align: center}

nav ul li a{ text-decoration: none; color: #ffffff; padding: 0px 0px; display: inline-block;  }
nav ul li{ list-style-type: none; display: inline; padding: 30px; 
        border: 0;}


.encabezado { background-image: url(imagenes/fondo.jpg); background-position: center;font-weight: 400; color: #ffffff; background-color: #000000; padding: 20px; 20px}

#logo{width: 250px;}

.lista {display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    text-decoration: none; list-style-type: none;
    margin: 30px;

 }

.conoce{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
    text-align: left;
    padding-right: 30px;
}

.beneficios{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
    background-color: #bae2e4;
    text-align: left;
    border-radius: 20px; 
    padding-left: 30px;
    
}

.amigos{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
    text-align: left;
padding-top: 20px;
    padding-right: 30px;
}

.costo{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
        background-color: #bae2e4;
    text-align: left;
border-radius: 20px;
padding-left: 30px;
    padding-top: 30px;
}

#fadufoto{width: 1250px; padding:0;margin:0}
footer{background-color: #302d2d; color: #ffffff; font-size: 11px; padding: 10px 30px; margin: 0px; text-align: center}