@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

html{
	 background-color: #000000;
}
body{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2.2em;
	
	color: #fff;	

}

#section{
		background-image: url(../assets/backs/backg_dark.jpg);
	background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		min-height: 99vh;
		color: #fff;
		padding: 100px auto;
		text-align: center;

	}

#section1{
		background-image: url(../assets/backs/1.jpg);
	background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		min-height: 90vh;
		color: #fff;
		padding: 100px auto;
		text-align: center;

	}


	.homeImg {
    width: 250px;
    height: auto;
    margin-top: 10%;
}  

.titleImg{
		margin-top: 40%;
		padding: 0;
		/* mobile
		padding: 0 40px 0 40px;
		*/
	}
	


hr{
	width:20%;
	align: left;
	 margin: 20px 0px;
	 border: 0;
	  border-top: 1px solid #fff;
}

#infoText{
		width: 75%;
		height: 100%;
		
		padding: 150px 0 300px 0;
		margin: 0 auto;
		font-weight: 700;
		font-size: 4vh;
		text-align: left;
	}

#infoText p{
		font-size: 2.5vh;font-weight: 300;
	}

#infoText img.exp{
		margin-left: 10px;
		float: right;
	}

#infoText img{
		border:solid 6px #fff;
}


#em, #ph{
		font-size: 0.7em;
	}
	a:link{
		color: #13c5d0;
		text-decoration: none;
	}


.arrow{
	top: -130px;
	position: relative;
	cursor: pointer;
}




@media screen and (max-device-width: 640px){
 
#infoText img.exp{
		margin-left: 0;
		margin-bottom: 10px;
		
	}

#infoText img{clear: both;
	width:100%;
	height: auto;
	}
	.homeImg {
	    width: 90%;
	    height: auto;
	    margin-top: 30%;
	}
	
	#infoText {
	  /*font-size: 0.5em;*/
	  padding-top: 5%;
	}
	#infoText h1 {
   		font-size: 2em;
   		letter-spacing: 0px;
   		margin-top: 35px;
    }

	#em, #ph {
	    font-size: 1.4em;
	    margin:20px auto; 
	}
	

	#infoText p {
	 font-size: 3vh;
	}


	.icon{
		display:none;
	}

	.titleImg {
    	width: 90%;
    	margin-top: 40%;
	}
	#section1 {
		background-size: auto 100%;
	}
	
	.section{
		background-size: auto 100% ;
	}
	.arrow{
		top: -140px;
		position: relative;
		
	}
	
	.arrow1, .arrow{
		width:20%;
		height: auto;
	}
	.imgCont {
	    display: none;
	}
}