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

h1 {
	color:#fc81ef;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 4px;
	
}
h3 {
	color:#fc81ef;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 4px;
	text-transform: uppercase
	
}
p {
	color:#565656;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height:1.6em;
	
}
li {
	color:#565656;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height:1.6em;
	
}
#container{
	width: 100%;
}
#container-header{
	background-color: #03101b;
	width: 100%;
}
#header{
display: flex;
  align-items: center;
  justify-content: center 	
}
#navigation {
	 width: 100vw;
      position: relative;
      margin-left: -50vw;
      height: 30px;
     
      left: 50%;
	border-top: 2px solid #baae5c;
	border-bottom: 2px solid #baae5c;
	margin-bottom: 50px;
	display: flex;
  align-items: center;
  justify-content: center 
}
.navigation-item{
	color:#baae5c;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 4px;
	text-transform: uppercase;
	float: left;
	width:245px;
	margin-top: 5px;
	vertical-align: middle;
	
	
}

#body-container {
	width: 100%;
}

#body {
	width: 100vw;
      position: relative;
      margin-left: -50vw;
      
     
      left: 50%;
	
	margin-bottom: 50px;
	display: flex;
  align-items: center;
  justify-content: center 
}
#body-wrap {
	 width: 980px;
	height: 100%;
}
#column-left {
	width:66%;
	float:left;
}
#column-center {
	width:4%;
	float: left
}
#column-right {
	width:30%;
	float:left;
}
#container-footer {
width: 100%;
}
#footer-wrap {
    width: 980px;
    height: 100%;
    margin:10px 10px 0px 0px;
}

#footer {
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #b5b5b5;
	background-color: #03101b;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height:1.6em;
}