@charset "utf-8";
/* CSS Document 
Beluga Homes Responsive CSS
Author: Funkemedia Ltd
*/

@media all and (max-width: 1085px) and (min-width: 0px) {
	
	.properties {
		text-align: center;
	}
	
	.property {
		position: relative;
		float: none;
		display: inline-block;
		text-align: left;
	}
	
}

@media all and (max-width: 850px) and (min-width: 0px) {
	
	nav {
		overflow: hidden;
		height: 67px;
		
		transition: height 0.3s ease-in-out;
	}
	
	nav.open {
		height: 100%;
	}
	
	.nav-btn {
		display: block;
	}
	
	ul.nav {
		clear: both;
		float: none;
		display: block;
		padding: 30px 0px 0px 0px;
		width: 100%;
		margin: 0px auto;
	}
	
	ul.nav li {
		width: 100%;
		float: none;
		margin: 0px 0px;
	}
	
	ul.nav li a {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	
	header {
		min-height: 10px;
	}
	
	.header-inner {
		padding: 140px 0px 70px 0px;
	}
	
	h1.big-white,
	section.red-section h1,
	header h1 {
		font-size: 30px;
		line-height: 38px;
	}
	
	header h2 {
		padding: 0px;
	}
	
	header br {
		display: none;
	}
	
	.section-inner {
		padding: 40px 0px;
	}
	
	#facebox {
		max-width: 90%;
	}
	
}

@media all and (max-width: 750px) and (min-width: 0px) {
	
	.left-content {
		float: none;
		width: 100% !important;
	}
	
	.right-content {
		float: none;
		width: 100% !important;
	}
	
	h1.big-white {
		font-size: 30px;
	}
	
	h1.big-white br {
		display: none;
	}
	
	ul.large li {
		font-size: 18px;
	}
	
}


@media all and (max-width: 550px) and (min-width: 0px) {
	
	section h1 {
		font-size: 25px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	form#beluga-contact {
		position: relative;
	}
	
	form#beluga-contact label {
		float: none;
		width: 100%;
		box-sizing: border-box;
		display: block;
		margin-bottom: 5px;
	}
	
	form#beluga-contact input[type="text"], form#beluga-contact textarea {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	
	a#send_btn {
		width: 100%;
		box-sizing: border-box;
	}
	
	.property-window {
		min-width: 10px;
		width: 100%;
	}
	
	#facebox {
		width: 90%;
	}
	
	#facebox .popup {
		width: 100%;
	}
	
	#facebox .content {
		width: 100%;
	}
	
}

@media all and (max-width: 380px) and (min-width: 0px) {
	
	.properties {
		width: 95%;
		margin: 0px auto;
	}
	
	.property {
		position: relative;
		float: none;
		display: inline-block;
		text-align: left;
		width: 100%;
	}
	
	.property a {
		width: 100%;
	}
	
	.property a img {
		min-height: 380px
	}
	
}