* {
box-sizing : border-box;
}
html {
background-color : #ffffff;
}
body {
background-image : url(../imagenes/fondo.jpg);
background-position : center;
background-repeat : repeat;
background-attachment : fixed;
background-size : 100%;
background-color : whitesmoke;
margin-top : 3rem;
margin-bottom : 3rem;
margin-left : 3rem;
margin-right : 2.5rem;
}
header {
text-align : center;
}
nav {
background-color : #77DF63;
height : 95px;
margin-top : 3em;
margin-bottom : 3em;
}
header img{
	display: flex;
}
.text {
font-family : 'Roboto', sans-serif;
font-size : 14px;
line-height : 1.4rem;
}
.magali {
margin-left : auto;
margin-right : auto;
margin-top : 25px;
display :flex;
height : auto;
border : #77DF63 solid 8px;
margin-bottom : -14vh;
border-radius : 50%;
}
ul {
margin : 2px;
list-style : none;
padding : 0;
margin : 0;
}
header nav ul li a {
text-decoration : none;
display : block;
text-align : center;
font-family : 'Roboto', sans-serif;
font-size : 17px;
line-height : 17px;
color : black;
}
a:link {
color : black;
}
a:visited {
color : #FFFFFF;
}
header nav ul li a:hover {
background-color : #FFF0C6;
font-weight : 400;
}
h1 {
color : black;
font-size : 30px;
font-family : 'Roboto', sans-serif;
font-weight : 900;
line-height : 39px;
margin-top : 90px;
}
hr {
background-color : black;
height : 2.5px;
margin-top : -20px;
}
h3 {
display : flex;
color : black;
font-size : 15px;
font-family : 'Roboto', sans-serif;
font-weight : bold;
margin-top : 1px;
background-color : #77DF63;
line-height : 40px;
padding-left : 10px;
}
.items a {
text-decoration : none;
}
h2 {
display : flex;
font-size : 20px;
font-family : 'Roboto', sans-serif;
text-align : left;
width : 100%;
}
.items {
display : flex;
color : black;
display : block;
text-decoration : none;
font-size : 15px;
font-family : 'Roboto', sans-serif;
font-weight : 300;
line-height : 35px;
margin-bottom : 10px;
margin-top : 10px;
margin-left : 10px;
}
.items a:hover {
color : #ffffff;
background-color : #77DF63;
}
.items ul li a {
font-weight : 600;
color : black;
}
.items div a {
font-weight : 600;
}
.text {
padding-left : 10px;
}
footer {
display : flex;
margin-top : 9vh;
font-family : 'Roboto', sans-serif;
font-weight : 300;
color : black;
font-size : 11px;
}


@media screen and (max-width:480px){
	body{background-size: contain;}
	img{height: auto;
	width:15rem;
	margin:auto;
    align-content: center;
    }
	h1{ font-size:20px;
	}
	h2{font-size:16px;}
	.magali {
		width: 275px;
		height: auto;
	}


}