/*General styles*/



body{
	color: black;
	font-family:alegreya;
	padding:0;
	margin:0;
}
@font-face{
	font-family:alegreya;
	src:url(fonts/Alegreya-regular.ttf);
}

a{
font-family:alegreya;
text-decoration: none;
color:inherit;

}

hr{
	width:200px;
	size:-4px;


}

h1{
	font-family: alegreya;
	color:white;
	font-weight: 100;

}
h2{
	font-weight:100;
	letter-spacing: 2px;
	padding:0;
	margin:0;
}








/*Header section*/


#header{
	position: absolute;
	top:20px;
	left:0;
	width:100%;
	height: 40px;
	background-color:#fff;
	z-index:1;
	
}

#logo_container{
	position:absolute;
	left:40%;
	width:250px;
	height:30px;
	margin-top: 10px;
	
}

#logo{
	background-image: url("images/nick_forryan_logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
	
	}

#email{
	margin-left: 10%;
	margin-top: 1%;
	float: left;


}
#telephone{
	margin-top: 1%;
	margin-right: 11%;
	float:right;
	
}

/*Responsiveness*/

@media screen and (max-width: 800px) {
	#header {
		top:0;
		height:50px;
	}
	#logo_container{
		left:35%;
	}
	#email{
		margin-top:2%;
		float:center;
		margin-left:10%;
	}
	#telephone{
		margin-top:2%;
		float:center;
		margin-right: 10%;
	}
	.header_image{
		margin-top:5%;
		height: 400px;
	}
}




@media screen and (max-width: 680px) {
	#header {
		top:0;
		height:90px;
	}
	#logo_container{
		left:35%;
		margin-left:-10px;
	}
	#email{
		margin-top:6%;
		float:center;
		margin-left:40%;
	}
	#telephone{
		margin-top:0;
		float:center;
		margin-right: 40%;
	}
	.header_image{
		margin-top:5%;
		height: 400px;
	}
}





@media screen and (max-width: 590px) {
	#header {
		top:0;
		height:90px;
	}
	#logo_container{
		left:30%;
	}
	#email{
		margin-top:6%;
		float:center;
		margin-left:37%;
	}
	#telephone{
		margin-top:0;
		float:center;
		margin-right: 39%;
	}
	.header_image{
		margin-top:5%;
		height: 400px;
	}
}


@media screen and (max-width: 500px) {
	#header {
		top:0;
		height:90px;
	}
	#logo_container{
		padding-top: 10px;
		


			}
	#email{
		margin-top:10%;
		float:center;
		margin-left:10px;
		padding-top: 5px;
	}
	#telephone{
		margin-top:10%;
		float:center;
		margin-right: 10px;
	}
	.header_image{
		margin-top:5%;
		height: 300px;
	}


}

@media screen and (max-width: 435px) {
#email{
		margin-top:12%;
	}
	#telephone{
		margin-top:13%;
	}

	#logo_container{
		padding-top: 10px;
		left:27%;
			}

}





@media screen and (max-width: 415px) {
#email{
		margin-top:12%;
	}
	#telephone{
		margin-top:13%;
	}

	#logo_container{
		padding-top: 10px;
		left:25%;
			}

}




@media screen and (max-width: 380px) {
	#header {
		top:0;
		height:120px;
	}
	#logo_container{
		padding-top: 10px;
		left:20%;


			}
	#email{
		margin-top:12%;
		float:left;
		margin-left:110px;
		padding-top: 5px;
	}
	#telephone{
		position: relative;
		margin-top:2%;
		float:left;
		margin-left: 140px;
	}
	.header_image{
		margin-top:5%;
		height: 300px;
	}
}


@media screen and (max-width: 360px) {
#email{
		margin-top:12%;
		float:left;
		margin-left:100px;
		padding-top: 5px;
	}
	#telephone{
		position: relative;
		margin-top:2%;
		float:left;
		margin-left: 130px;
	}

}

@media screen and (max-width: 320px) {
	#header {
		top:0;
		height:120px;
	}

	#logo_container{
		padding-top: 20px;

		left:15%;
}

	#email{
		margin-top:12%;
		float:left;
		margin-left:75px;
		padding-top: 20px;
	}
	#telephone{
		position: relative;
		margin-top:2%;
		float:left;
		margin-left: 100px;
	}
	
	.header_image{
		margin-top:25%;
		height: 200px;
	}

	}
/*Responsiveness end*/

/*Header section*/











/*Content*/

#container_text{
	position:fixed;
	top:35%;
	left: 20%;
	text-align: center;
	
	
}

.header_image{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	

	
}

#content_container{
	margin-top:35%;
	background-color:white;
	height:355px;
	width:100%;
	position:relative;
	
}

#content_sub {
	width:100%;
	max-width: 1000px;
	margin:auto;
}

#welcome_text{
	margin-top: 40px;
	float:right;
	text-align: center;
	width:50%;
	

}

#image_wrapper{
	width:50%;
	float:left;
	height:355px;
    overflow:none;
      
}

/*Responsiveness*/

@media screen and (max-width: 800px) {
	#content_sub{
		margin:0;
	}
	
	#content_container{
		margin-top: 400px;
		height:700px;
	}
	#container_text{
		top:12%;
		opacity:0;
	}

	#image_wrapper, #welcome_text {
		width:100%;
	}

	#image_wrapper{
		width: 80%;
		margin-left: 10%; 
	}
	

	@media screen and (max-width: 500px) {
	#content_sub{
		margin:0;
	}
	
	#content_container{
		margin-top: 200px;
		height:800px;
	}
	#container_text{
		top:12%;
		opacity:0;
	}

	
}

@media screen and (max-width: 800px) {
	#content_container{
		margin-top: 400px;
		height:650px;
	}

	}


@media screen and (max-width: 380px) {
	#welcome_text {
	line-height: 1.4;
	padding-right: 2%;
	padding-left: 2%;
    }
}



@media screen and (max-width: 320px) {
	#content_sub{
		margin:0;
	}
	
	#content_container{
		margin-top: 250px;
		height:400px;
		z-index:9;
	}
	#container_text{
		top:12%;
		opacity:0;
		margin-bottom: 20px;
		z-index:10;
	}

	#image_wrapper, #welcome_text {
		width:100%;

	}

	#image_wrapper{
		margin-left:0;
		padding-bottom:0px;
		z-index: 5;
	}


	#welcome_text {
	line-height: 1.3;
	padding-right: 0;
	padding-left: 0;
    }

    .flexslider .slides img{
    	height:250px;
    }

    
}



	/*Responsiveness end*/
	
	/*Content*/


	
	












/*Footer*/

}

#footer_area{
	background-color: #fbfafa;
	width:100%;
	height:400px;
	position:relative;

}


/* Contact Form 7 Styles
---------------------------------*/

#contact_form{
	margin:auto;
	left:50%;
	height:355px;
	width:100%;
	max-width:1190px;
    
}

.contact_right {
float:left;

}

.contact_left {
float:left;
padding-right:30px;
margin-left: 20%;
}


#submit_button {
	margin-top: 180px;
	position: absolute;
    left:50%;
    margin-left: -60px;

}


 
.wpcf7-textarea {

font-family: alegreya;
font-weight: 500;
height:135px;
width:350px;
 
}


.wpcf7-text {
	font-family: alegreya;
	font-weight: 500;
    height:35px;
    width:350px;
}

.wpcf7-validation-errors {
	display:none;

}

input.wpcf7-submit {
	background-color: #fbfafa;
	font-family:alegreya;
    width:150px;
    height:30px;
    border-color: #d1cccc;
    border-width:1px 1px 1px 1px;	

}


	
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
	display:none;
}

.wpcf7-validation-errors{
	display:none;
	border:none;
}

.wpcf7-response-output.wpcf7-mail-sent-ok  {
	text-align: center;
	margin-top: 80px;
	float: left;
	margin-left:30%;
	width:40%;
}

/* Contact Form 7 Styles end
---------------------------------*/



#contact_text{
	padding-top: 40px;
	text-align: center;
}

#footer{
	position: relative;
	float:left;
	width:100%;
	height: 40px;
	background-color:#414345;
	z-index:10;

	

}

#copyright{
	font-family: alegreya;
	color: white;
	float:left;
	margin-top: 8px;
	margin-left: 10%;
}

#stream{
	font-family: alegreya;
	color: white;
	float:right;
	margin-top: 8px;
	margin-right: 10%;
}


/*Responsiveness*/



@media screen and (max-width: 995px) {
	
    .contact_left {
float:left;
margin-left:10%;
}

}

@media screen and (max-width: 870px) {

	

   #contact_form_container {
	height:700px;
}

.contact_left {
    margin:auto;
    clear:both;
    width:100%;
    padding-right:30px;
    padding-left:30px;
    box-sizing: border-box;
}
#footer_area {
	height:550px;
}

.wpcf7-text {
	width:100%;
}

.contact_right {
    margin:auto;
    clear:both;
    width:100%;
    padding-right:30px;
    padding-left:30px;
    box-sizing: border-box;
}

.wpcf7-textarea {
width:100%;

}

#submit_button {
	margin-top: 350px;
	margin-left: -80px;
}

}
    

#footer{
	margin-top: 0;
		height:40px;
	}

	#stream{
		margin-right: 3%;
		
	}
	#copyright{
		
		margin-left:3%;
		text-align: center:;
	}


}


@media screen and (max-width: 720px) {
        
        .contact_right {
       margin-left:31%;
       

}
    .contact_left {
    	margin-left:31%;   

}

 #submit_button {
        margin-left:39%;
        float:none;
	}




#footer_area{
	height:550px;

	
	
}
}

@media screen and (max-width: 430px) {

	


	#footer_area {
		height: 550px;
	}


#footer{
	margin-top: 30px;
	height:80px;

}

#stream{
	float:left;
	margin-left: 10px;
}

 #contact_text{
    	z-index:6;
    }


}





@media screen and (max-width: 320px) {



	#footer_area {
		height: 890px;
	}


#footer{
	margin-top: 30px;
	height:80px;

}

#stream{
	float:left;
	margin-left: 10px;
}

 #contact_text{
    	z-index:6;
    }



.wpcf7-response-output.wpcf7-mail-sent-ok  {
	margin-left:23%;
	width:40%;

	}
}


/*Responsiveness end*/

/*Footer end*/