body, html {
  height: 100%;
  margin: 0;
 /* font: 400 15px/1.8 'Open Sans', sans-serif;*/
  color: #333;
font-family: 'Open Sans', sans-serif;
font-weight:400;
}

h1 {
		font-family: 'Bebas Neue', aerial;
		font-size:2em;
	}
h2 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 1.4em 'Bebas Neue', sans-serif;
  color: #fff;
}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  position: relative;
  opacity: 0.75;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
background-size: cover;
	-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}

.bgimg-1 {
  background-image: url("/img/alex01.jpg");
  min-height: 700px;
}

.bgimg-2 {
  background-image: url("/img/alex02-2.jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("/img/alex03.jpg");
  min-height: 400px;
}
.bgimg-4 {
  background-image: url("/img/alex04.jpg");
  min-height: 600px;
}


.caption {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  color: #000;
}
	.caption span.border {
background-color: rgba(255,255,255,0.60);
  color: #000;
  padding: 18px;
  font-size: 10vw;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
		/*-webkit-text-stroke: 3px black;*/
}
.caption2 {
  position: absolute;
  left: 0;
  top: 62%;
  width: 100%;
  text-align: center;
  color: #000;
font-family: 'Bebas Neue', sans-serif;
}

.caption2 span.border {
background-color: rgba(255,255,255,0.60);
  color: #000;
  padding: 18px;
  font-size: 3vw;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
}

.explore, .experience, .contact {
    width: 70%;
    /* margin-left: 5%; */
    /* margin-right: 5%; */
    /* position: absolute; */
    padding: 10% 30px;
    margin: 0 auto;
}
.explore .content, .experience .content, .contact .content {
	 width:90%;
	margin:0 5%;
	 text-align: center;
	 color: #000;
  font-size: 4vw;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
	
}
.contact-mail .content {
font-size: 2vw;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
}
	
	/*.caption3 {
  position: absolute;
  left: 15%;
  top: 20%;
  width: 70%;
  text-align: center;
  color: #000;
font-family: 'Bebas Neue', sans-serif;
font-size: 2.6em;
  letter-spacing: 10px;
}
	
	.caption4 {
  position: absolute;
  left: 0;
  top: 46%;
  width: 100%;
  text-align: center;
  color: #000;
font-family: 'Bebas Neue', sans-serif;
font-size: 1.8em;
  letter-spacing: 10px;
}
	.caption5 {
  position: absolute;
  left: 15%;
  top: 30%;
  width: 70%;
  text-align: center;
  color: #000;
font-family: 'Bebas Neue', sans-serif;
font-size: 3em;
		line-height: 2em;
  letter-spacing: 10px;
}*/

.box-content {
	line-height: 1.35;
	padding:12px 12px 4px 12px;
	margin:6px;
	font-family: 'Open Sans', sans-serif;
	
}

/*################# CONTENT #####################*/

.main-copy {
	background-color:white;
	padding:20px 20px;
	min-height: 400px;
	width:70%;
	margin:0 auto;
}
.main-content {
	float: left;
	width: 70%;
	margin-right: 1%;
}
.main-content .content {
	padding: 10px;
	font-size:1.2em;
}
.sidebar {
	width: 28%;
	float: right;
}
.sidebar .content {
	padding: 10px;
}
	a:link {
	color: #111;
	text-decoration: underline;
}
a:visited {
	color: #111;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
	.work a:link {
	color: white;
	text-decoration: underline;
}
	.work a:visited {
	color: white;
	text-decoration: underline;
}
.work a:hover {
	color: #ccc;
	text-decoration: none;
}
	img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	/*vertical-align: middle;*/
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.work {
	background-color:#282E34;
	padding:50px;
	color:white;
}
.work .content {
	width:70%;
	margin:0 auto;
}
.box-text {
	color:#ccc;
}
/*####################################################################*/

/*                         Media Queries

/*####################################################################*/

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 1025px) {
	.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  position: relative;
  opacity: 0.75;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
background-size: cover;
	-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
body {
 padding-bottom: 0px;
}
.caption span.border {
background-color: rgba(255,255,255,0.60);
  color: #000;
  padding: 18px;
  font-size: 6em;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
}
.caption2 {
  position: absolute;
  left: 0;
  top: 58%;
  width: 100%;
  text-align: center;
  color: #000;
font-family: 'Bebas Neue', sans-serif;
}

.caption2 span.border {
 background-color: rgba(255,255,255,0.60);
  color: #000;
  padding: 18px;
  font-size: 2.8em;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
}
.sidebar, .main-content {
 width: auto;
 float: none;
 position: static;
}
	.main-content .content {
	padding: 10px;
	font-size:1em;
}
	
.main-content .content, .sidebar .content {
 padding: 20px 10px;
 border: none;
 height: auto !important;
 max-height: 888678px;
}
	.main-copy {
	background-color:white;
	padding:30px 20px;
	min-height: 400px;
}
	h2 {
  letter-spacing: 0px;
  text-transform: uppercase;
  font: 1.4em 'Bebas Neue', sans-serif;
  color: #fff;
}
	.explore, .experience, .contact {
    width: 90%;
    /* margin-left: 5%; */
    /* margin-right: 5%; */
    /* position: absolute; */
    padding: 10% 30px;
    margin: 0 auto;
}
	.explore .content, .experience .content, .contact .content {
	 width:90%;
	margin:0 auto;
	 text-align: center;
	 color: #000;
  font-size: 7vw;
  letter-spacing: 5px;
font-family: 'Bebas Neue', sans-serif;
	
}
	.work .content {
    width: 90%;
    margin: 0 auto;
}
}

	@media only screen and (min-width: 0px) and (max-width: 480px) {
		
		.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  position: relative;
  opacity: 0.65;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
background-size: cover;
	-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
		.bgimg-1 {
  background-image: url("/img/alex01.jpg");
  min-height: 450px;
}

.bgimg-2 {
  background-image: url("/img/alex02-2.jpg");
	min-height: 300px;
}

.bgimg-3 {
  background-image: url("/img/alex03.jpg");
  min-height: 300px;
}
.bgimg-4 {
  background-image: url("/img/alex04.jpg");
  min-height: 400px;
}
		.caption span.border {
background-color: rgba(255,255,255,0.60);
  color: #000;
  padding: 6px 18px;
  font-size: 3em;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
}
		.caption {
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  text-align: center;
  color: #000;
}
	.caption span.border {
background-color: rgba(255,255,255,0.20);
  color: #000;
  padding: 18px;
  font-size: 20vw;
  letter-spacing: 5px;
font-family: 'Bebas Neue', sans-serif;
		/*-webkit-text-stroke: 3px black;*/
}
.caption2 {
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  text-align: center;
  color: #000;
font-family: 'Bebas Neue', sans-serif;
	line-height: 2em;
}

.caption2 span.border {
background-color: rgba(255,255,255,0.20);
  color: #000;
  padding: 18px;
  font-size: 1.8em;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;

}
		h1 {
		font-family: 'Bebas Neue', aerial;
		font-size:1.4em;
	}
		h2 {
  letter-spacing: 0px;
  text-transform: uppercase;
  font: 2em 'Bebas Neue', sans-serif;
  color: #fff;
}
		.explore, .experience {
	width:80%;
	margin-left:5%;
	margin-right:5%;
	 position: absolute;
	top: 20%;
	padding: 18px 30px;
}
		.contact {
	width:75%;
	/*margin-left:5%;
	margin-right:5%;
	 position: absolute;*/
	top: 10%;
	padding: 18px 30px;
}	
.explore .content, .experience .content, .contact .content {
	 width:90%;
	margin:0 5%;
	 text-align: center;
	 color: #000;
  font-size: 2em;
  letter-spacing: 10px;
font-family: 'Bebas Neue', sans-serif;
		
}

.contact-mail .content {
font-size: 0.8em;
  letter-spacing: 1px;
font-family: 'Bebas Neue', sans-serif;
}
	}
/* Turn off parallax scrolling for tablets and phones 
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
	}
}*/