/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

/* GENERAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html {
	font-size: 52%;
}

.upper {
	background-color: #dadada;
}

img {
	width: 100%;
}

/* HERO MODULAR
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero_wrap {
	overflow: hidden;
}

.top_wrap {
	background-position: center;
}

/* NAVIGATION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.topnav {
	padding: 8rem 0rem;
  }

.navbar {
	display: flex;
	justify-content: space-between;
}

.navbar a {
	padding: 1rem 0rem;
}

#logo {
	width: 100px;
}
  
.topnav #myLinks {
	display: none;
	text-align: right;
}

.topnav #myLinks a {
	display: block;
	text-decoration: none;
	padding: .4rem;
}

/* SLIDER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.slider img {
	display: none;
}


/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer {
	background-color: white;
	font-style: italic;
	padding-top: 5rem;
	padding-bottom: 7rem;
	font-weight: bold;
}