/* #Media Queries
================================================== */
@media only screen and (min-width:992px) and (max-width: 1200px) {
	.oneslide img{
		height: auto;
	}
	.imagehover{
		padding: 10px;
	}
	
}

@media only screen and (min-width: 960px) and (max-width: 991px) {
	.oneslide img{
		height: auto;
	}
	.imagehover{
		padding: 10px;
	}
	.imagehover a{
		font-size: 18px;
		margin: 5px 0;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev{
		padding-left: 0;
		font-size: 15px;
	}
	.bx-wrapper .bx-controls-direction a.bx-next{
		padding-right: 37px;
		font-size: 15px;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {	
	.bx-wrapper .bx-pager.bx-default-pager a{
		width: 15px;
		height: 15px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.maincontent{
		top: 42%;
	}
	.maincontent h1{
		font-size: 48px;
		line-height: 65px;
	}
	.maincontent h2 { 
		font-size: 18px;
		line-height: 18px;
	}
	.oneslide img{
		height: auto;
	}
	.imagehover{
		padding: 10px;
	}
	.imagehover a{
		font-size: 18px;
		margin: 5px 0;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev{
		padding-left: 0;
		font-size: 15px;
	}
	.bx-wrapper .bx-controls-direction a.bx-next{
		padding-right: 37px;
		font-size: 15px;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	header {
		padding: 20px 0;
	}
	p.innerp br{
		display: none;
	}
	#journey, #portfolio, #map{
		padding: 30px 0;
	}
	#impression h1 {   
		font-size: 26px;
		line-height: 30px;
		padding: 50px 0 50px;
	}
	#portfolio .innerportfolio img{
		margin: 5px auto;
		width: 240px;
		min-height: 200px;
	}
	#map{
		padding: 70px 0 0;
	}
	#contact{
		padding:30px 0;
	}
	#fullmap{
		margin-top: 40px;
		height: 200px;
	}
	input, textarea{
		margin-top: 20px;
		letter-spacing: 2px;
	}
	button{
		margin-top: 20px;
		width: 300px;	
		margin-bottom: 30px;
	}
	span.line{
		width: 100%;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.social i {
		width: 30px;
		height: 30px;	
		line-height: 28px;
		margin-right: 5px;
		font-size: 15px;
	}
	.maincontent{
		top: 42%;
	}
	.maincontent h1{
		font-size: 28px;
		line-height: 35px;
	}
	.maincontent h2 { 
		font-size: 13px;
		line-height: 14px;
		letter-spacing: 1px;
	}

	.mapsocial i{
		margin: 0 10px;
		width: 100px;
		height: 100px;    
		line-height: 100px;
	}
	.fa-4x {
		font-size: 3em;
	}
	.oneslide img{
		height: auto;
	}
	h3{
		font-size: 20px;		
		padding: 25px 0;
	}
	.imagehover{

		margin: 0 auto;
		width: 240px;
	}
	.imagehover a{
		font-size: 18px;
		margin: 5px 0;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev{
		padding-left: 0;
		font-size: 15px;
	}
	.bx-wrapper .bx-controls-direction a.bx-next{
		padding-right: 37px;
		font-size: 15px;
	}
	

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {	
	.social i {
		width: 30px;
		height: 30px;	
		line-height: 28px;
		margin-right: 5px;
		font-size: 15px;
	}
	.maincontent{
		top: 50%;
	}
	.maincontent h1{
		font-size: 20px;
		line-height: 30px;
	}
	.maincontent h2 { 
		font-size: 12px;
		line-height: 13px;
		letter-spacing: 0px;
	}
	.logo,.social{
		float: none;
		text-align: center;
	}
	#impression h1 {
		font-size: 20px;
		line-height: 22px;
	}
	.oneslide img{
		height: 250px;
	}
	h3{
		letter-spacing: 2px;
		font-size: 16px;		
		padding: 15px 0;
	}
	p.innerp {
		font-size: 16px;
		line-height: 20px;
	}
	.imagehover{

		margin: 0 auto;
		width: 240px;
	}
	.imagehover a{
		font-size: 18px;
		margin: 5px 0;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev{
		padding-left: 0;
		font-size: 12px;
		letter-spacing: 1px;
		width: 165px;
	}
	.bx-wrapper .bx-controls-direction a.bx-next{
		padding-right: 30px;
		letter-spacing: 1px;
		font-size: 12px;
	}
	#contact p.innerp {
		font-size: 13px;
	}
	.mapsocial i{
		margin: 0 8px;
		width: 70px;
		height: 70px;    
		line-height: 70px;
	}
	.fa-4x {
		font-size: 2em;
	}
	button{
		font-size: 20px;		
		width: 200px;
		height: 45px;
	}

}