@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Asap');

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: black;
}
img {
    height: 60%;
    width: 60%;
    object-fit: contain;
}
@font-face{
	font-family: 'klima regular';
	src: url(fonts/klima-regular.ttf) format('truetype');
}
.intro {
	height: 100%;
	width: 100%;
	margin: auto;
	background: url(img/Trees_lg.jpg);
	/*background-position: 30%;*/
	display: table;
	top: 0;
	background-size: cover;
}
.intro .inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	max-width: none;
}
.content1 {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}
.content2 {
	margin-top: 60px;
	text-align: center;
}
.content h1 {
	font-family: "klima regular";
	color: #FFFFFF;
	font-size: 300%;
}
.btn {
	border-radius: 5px;
	font-family: "klima regular";
	color:#FFFFFF;
	font-size: 70%;
	letter-spacing: 2px;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: solid #ffffff 1px;
	text-transform: uppercase;
	text-decoration: none;
}
.btn:hover {
	color: #e3d165;
	border: solid #e3d165 1px;
}

#footer {
  height: 5%; /* the footer's total height */
	text-align: center;
}

#footer-content {
	background-color: transparent;
  border: 0px solid tranparent;
  height: 60%; /* height + top/bottom paddding + top/bottom border must add up to footer height */
  padding: 15%;
}
.footerText {
	font-family: "klima regular";
	color:#e3d165;
	font-size: 20%;
	letter-spacing: 2px;
	text-transform: uppercase;
}



/*iPhone 6*/

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait)  {
	.btn {
		font-size: 250%;
		letter-spacing: 7px;
		padding-top: 30px;
		padding-bottom: 25px;
		padding-left: 70px;
		padding-right: 70px;
	}
	.intro {
	height: 100%;
	width: 100%;
	margin: auto;
	background: url(img/Trees_lg.jpg);
	background-position: 19%;
	display: table;
	top: 0;
	background-size: cover;
}
	.content2 {
		margin-top: 180px;
	}
	
	img {
    height: 95%;
    width: 95%;
    object-fit: contain;
}
	#footer {
  height: 5%; /* the footer's total height */
	text-align: center;
}
#footer-content {
	background-color: transparent;
  border: 0px solid tranparent;
  height: 1%; /* height + top/bottom paddding + top/bottom border must add up to footer height */
  padding-top: 50%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
}
.footerText {
	font-family: "klima regular";
	color:#e3d165;
	font-size: 120%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
}



/*iPhone 6 Plus*/

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait)  {
	.btn {
		font-size: 250%;
		letter-spacing: 7px;
		padding-top: 30px;
		padding-bottom: 25px;
		padding-left: 60px;
		padding-right: 60px;
	}
	.intro {
	height: 100%;
	width: 100%;
	margin: auto;
	background: url(img/Trees_lg.jpg);
	background-position: 19.5%;
	display: table;
	top: 0;
	background-size: cover;
}
	.content2 {
		margin-top: 180px;
	}
	
	img {
    height: 95%;
    width: 95%;
    object-fit: contain;
}
	#footer {
  height: 5%; /* the footer's total height */
	text-align: center;
}
#footer-content {
	background-color: transparent;
  border: 0px solid tranparent;
  height: 1%; /* height + top/bottom paddding + top/bottom border must add up to footer height */
  padding-top: 50%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
}
.footerText {
	font-family: "klima regular";
	color:#e3d165;
	font-size: 120%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
}



/* iPhone */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape)  {
	.btn {
		font-size: 120%;
		letter-spacing: 7px;
		padding-top: 20px;
		padding-bottom: 16px;
		padding-left: 55px;
		padding-right: 55px;
	}
	
	.intro {
	height: 100%;
	width: 100%;
	margin: auto;
	background: url(img/Trees_lg.jpg);
	/*background-position: -35%; */
	display: table;
	top: 0;
	background-size: cover;
}
	.content2 {
		margin-top: 90px;
	}
	img {
    height: 75%;
    width: 75%;
    object-fit: contain;
}
		#footer {
  height: 1%; /* the footer's total height */
	text-align: center;
}
#footer-content {
	background-color: transparent;
  border: 0px solid tranparent;
  height: 50%; /* height + top/bottom paddding + top/bottom border must add up to footer height */
  padding-top: 15%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
}
.footerText {
	font-family: "klima regular";
	color:#e3d165;
	font-size: 95%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
}



/* iPhone 6 Plus*/

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape)  {
	.btn {
		font-size: 120%;
		letter-spacing: 7px;
		padding-top: 20px;
		padding-bottom: 16px;
		padding-left: 55px;
		padding-right: 55px;
	}
	.content2 {
		margin-top: 90px;
	}
	img {
    height: 75%;
    width: 75%;
    object-fit: contain;
}
		#footer {
  height: 1%; /* the footer's total height */
	text-align: center;
}
#footer-content {
	background-color: transparent;
  border: 0px solid tranparent;
  height: 50%; /* height + top/bottom paddding + top/bottom border must add up to footer height */
  padding-top: 15%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
}
.footerText {
	font-family: "klima regular";
	color:#e3d165;
	font-size: 95%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
}


/* iPad */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {
	.btn {
		font-size: 120%;
		letter-spacing: 7px;
		padding-top: 20px;
		padding-bottom: 16px;
		padding-left: 55px;
		padding-right: 55px;
	}
	
	.intro {
	height: 100%;
	width: 100%;
	margin: auto;
	background: url(img/Trees_lg.jpg);
	background-position: 12%;
	display: table;
	top: 0;
	background-size: cover;
}
	
	.content2 {
		margin-top: 90px;
	}
	img {
    height: 75%;
    width: 75%;
    object-fit: contain;
}
		#footer {
  height: 1%; /* the footer's total height */
	text-align: center;
}
#footer-content {
	background-color: transparent;
  border: 0px solid tranparent;
  height: 50%; /* height + top/bottom paddding + top/bottom border must add up to footer height */
  padding-top: 33%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
}
.footerText {
	font-family: "klima regular";
	color:#e3d165;
	font-size: 95%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
}