body {
    font-family: 'Bilo', sans-serif; color: #1f1f1f;
}
h1 { font-weight: 300; font-size: 2rem; }
h2, h3, p, ul { font-weight: 400; font-size: 1.25rem; }
p {line-height: 1.6;}
a {color: #1f1f1f; text-decoration: none; font-weight: 400;}
h1 {color: #1f1f1f; }
h3 {color: #1f1f1f; font-weight: 400;}


.wrapper {
	padding-top: 0rem;
	width: 100%;
	margin: 0 auto;
	max-width: 100rem;
    text-align: center;
}

.logo {
	margin-bottom: 2rem;
}
.logo a {
    
}
.logo a img {
	width: 1920px;
	max-width: 100%;
	height: auto;
}

ul { margin: 2rem auto; padding: 0 0 1rem 0; border-bottom: 1px solid #ad6e64; width: 100%; }
ul li { display: inline-block; padding: 0.5rem 2rem; list-style: none; }
ul.left_ul { text-align: left; width: 100%; }
ul.left_ul li { display: block; padding: 0.15rem 0; list-style: dots; }



.footer .menu {padding: 1.5rem 0;}
.footer .menu .active {color: #BEBEBE; }

@media screen and (min-width:40em){
	h1 { font-size: 2.5rem; }
	h2, h3, p, ul { font-weight: 400; font-size: 1.5rem; }
	.logo { margin-bottom: 4rem; }
    ul { margin: 4rem auto; width: 80%; }
}


@media screen and (min-width:64em){
	h1 { font-size: 3rem; }
	h2, h3, p, ul { font-weight: 400; font-size: 1.75rem; }
    .logo { margin-bottom: 8rem; }
    ul { margin: 4rem auto; width: 80%; }
}