charset"utf-8"
@font-face {
    font-family: 'josefin_sansbold';
    src: url('josefinsans-bold-webfont.eot');
    src: url('josefinsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsans-bold-webfont.woff2') format('woff2'),
         url('josefinsans-bold-webfont.woff') format('woff'),
         url('josefinsans-bold-webfont.ttf') format('truetype'),
         url('josefinsans-bold-webfont.svg#josefin_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'josefin_sanslight';
    src: url('josefinsans-light-webfont.eot');
    src: url('josefinsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsans-light-webfont.woff2') format('woff2'),
         url('josefinsans-light-webfont.woff') format('woff'),
         url('josefinsans-light-webfont.ttf') format('truetype'),
         url('josefinsans-light-webfont.svg#josefin_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'josefin_sansregular';
    src: url('josefinsans-regular-webfont.eot');
    src: url('josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsans-regular-webfont.woff2') format('woff2'),
         url('josefinsans-regular-webfont.woff') format('woff'),
         url('josefinsans-regular-webfont.ttf') format('truetype'),
         url('josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*primero mobile*/
 


/*escritorio*/

html{
    font-size: 10px;
    
}

body{
    background-color: #ffd4b4;
    }
div#pagina{
            width: 92%;
            margin: auto;
            }
header{
	height: 20%;
    margin:1rem;
    padding:1rem;
	background-color: antiquewhite;
    }

header h1{
  text-align: center;  
    }
main{
    margin:1rem; 
}

aside{
    
}
footer{
    
}
h1{
    font-family: 'josefin_sansregular';
    font-size: 2.9rem;
    }

h2{
font-family: 'josefin_sanslight';
font-size: 1.6rem;
}

p{

font-family: 'josefin_sansregular';
font-size: 1.3rem;
   
}

h3{
	font-family: 'josefin_sansregular';
}
section p{
text-align:inherit;
}

ul{
    list-style: none;
    margin: 0rem;
    padding: 2rem
        }


nav ul li{
padding: 0rem 2rem;
background-color:#f7c76d;
margin:0.2rem;
text-align: center;
float:left;
}

nav ul li a{
display: block;
text-decoration: none;
font-family:'josefin_sansregular'; 
color: #8d5f09;
font-size:1.6rem;
margin:auto;
}

nav ul li:hover{
    background-color:#eafac4;
}  


.btn_atual a{
 color: #e62727;
}

section nav{
	width: 100%;
	
}
section  ul{


list-style: none;
}

section  ul li{
background-color: #ffd4b4;	
padding: 0rem 2rem;
margin:0.2rem;
text-align: center;
float:left;
}
section  ul li a{
display: block;
text-decoration: none;
font-family:'josefin_sansregular'; 
color: #832204;
font-size:3rem;
margin:auto;
}

div#colm1 {
	width: 100%;
   text-align: left;
	float: left;
}