* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10.5vw;
	color: #fff;
	font-family: 'FR Kraken Slab', serif;
	background-color: #000;
}

#logo {
	position: fixed;
	top: 120px;
	left: 5%;
	width: 7%;
	height: 32px;
}

#ammo {
	position: fixed;
	top: 120px;
	left: 5%;
	width: 150px;
}

#dot1, #dot2, #dot3, #dot4, #dot5 { float:left; width: 20%; padding-bottom: 30px; background-size: 50%;}

#dot1 { background:url("../img/ammo-logo2.png") 0 0 no-repeat; }
#dot2 { background:url("../img/ammo-logo2.png") 25% 0 no-repeat; }
#dot3 { background:url("../img/ammo-logo2.png") 50% 0 no-repeat; }
#dot4 { background:url("../img/ammo-logo2.png") 75% 0 no-repeat; }
#dot5 { background:url("../img/ammo-logo2.png") 100% 0 no-repeat; }

#dot1:hover { background:url("../img/ammo-logo2.png") 0 100% no-repeat; }
#dot2:hover { background:url("../img/ammo-logo2.png") 25% 100%  no-repeat; }
#dot3:hover { background:url("../img/ammo-logo2.png") 50% 100%  no-repeat; }
#dot4:hover { background:url("../img/ammo-logo2.png") 75% 100%  no-repeat; }


#hire {
	position: fixed;
	top: 120px;
	right: 3%;
	margin-top: -.2em;
	color: #fff;
	font-family: 'Nunito Sans', sans;

}

#text-wrap {
	float: left;
	margin: 20vw 15% 14.5vw;
}

p {padding-bottom: .9em;}

a {
	text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}
      
a:link, a:visited {
    color: #fff;
    border-bottom: .07em solid #6e5331;
}

a:hover {
	color: #6e5331;
    border-bottom: .07em solid #6e5331;
}

/* Mobile */
@media only screen and (max-device-width: 1000px) { 

#hire {
	right: 2%;
	margin-top: -.4em;
}	
	
}