@charset "utf-8";
/* CSS Document */

*{
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	margin: 0;
	font-family: acumin-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	text-align: center;
}

.container{
	widows: 95%;
	margin: 0 auto;
}

/*buttons*/
.button {
	display: inline-block;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	border-width: 2px;
	border-style: solid;
	padding: 6px 15px;
}
.button-accent{
	color: #4b2c7e;
	border-color: #4b2c7e;
}

.button-accent:hover, .button-accent:focus{
	background: #5055a5;
	color: #4b2c7e;
	font-weight: 600;
	}

/* typography*/
.title{
	font-size: 30px;
	margin-bottom: 24px;
}

.title span{
	font-weight: 100;
	display: block;
	font-size: 20px;
	color: #fff;
	}

@media (min-width: 960px){
.title{
	font-size: 49px;	
}
}

/* header*/
header {
	/*--position: absolute;--*/
	left: 0;
	right: 0;
	margin-top: 16px;
}
.logo {
	width: 10%;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

nav li {
	display: inline-block;
	margin: 16px;
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	padding: 8px;
	}

nav a{
	
}

nav li:hover{
	color: #4ABD98;
}
/*home-hero*/

.home-hero{
	background-color: #4ABD98;
	opacity: .5;
	padding: 16px 0;
	}