/* ----- GENERAL ----- */
body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	font-weight: 300;
	background:#080808;
	color:#BDBDBD;
	margin:0 auto;
	text-align:center;
	padding:0;
}
img.headshot {
	margin: 0 auto;
	position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}
img.signature {
	margin: 0 auto;
	position: absolute;
    left: 0px;
    right: 0px;
    z-index: 10;
	padding-top:47%;
	padding-left:6%;
	padding-right:6%;
}
.content {
	margin: 0 auto;
	position: absolute;
    left: 0px;
    right: 0px;
    z-index: 20;
	padding-top:64%;
}
h1 {
	text-transform: uppercase;
	font-weight:100;
	letter-spacing:6px;
	line-height: 1.6;
}
h2 {
	text-transform: uppercase;
	font-weight:100;
	letter-spacing:6px;
}
@media (max-width:767px){h1{font-size: 13px;margin:0 30px;padding-top:10px;}h2{font-size: 10px;}}
@media (min-width:768px){h1{font-size: 15px;}h2{font-size: 12px;}}

/* ----- SOCIAL MEDIA ----- */
	.minisocial {
	margin: 0 auto;
	text-align:center;
	width:220px;
	padding: 25px 0 50px 0;
}
.minisocialicon {
	width:35px;
	height:35px;
	float: left;
	margin: 0 10px;
}
.miniemail:hover {
	background: url(../img/mini_email.png) left top no-repeat;
	background-size: 100% 200%;	
}
.miniemail {
	background: url(../img/mini_email.png) left bottom no-repeat;
	background-size: 100% 200%;
}
.minifb:hover {
	background: url(../img/mini_fb.png) left top no-repeat;
	background-size: 100% 200%;	
}
.minifb {
	background: url(../img/mini_fb.png) left bottom no-repeat;
	background-size: 100% 200%;
}
.minitwitt:hover {
	background: url(../img/mini_twitter.png) left top no-repeat;
	background-size: 100% 200%;	
}
.minitwitt {
	background: url(../img/mini_twitter.png) left bottom no-repeat;
	background-size: 100% 200%;
}
.miniinsta:hover {
	background: url(../img/mini_instagram.png) left top no-repeat;
	background-size: 100% 200%;	
}
.miniinsta {
	background: url(../img/mini_instagram.png) left bottom no-repeat;
	background-size: 100% 200%;
}

/* --------------- AOS --------------- */
.aos-all {
  width:1000px;
  max-width:98%;
  margin:10vh auto 0 auto;
}
.aos-item {
  display:inline-block;
  float:left;
  width:33.3333%;
  height:300px;
  padding:20px;
}
.aos-item__inner {
  position: relative;
  width:100%;
  height:100%;
  float:left;
  background:#1da4e2;
  line-height:260px;
  text-align:center;
  color:#fff;
}
@media screen and (max-width: 800px) {
  .aos-item {
    width:50%;
  }
}