* {
  box-sizing: border-box;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background:#FFF;
	margin: 0px;
}

.logo2{
		width: 100%;
	}
	

.header {
	padding: 0px;
	height: auto;
	text-align: left;
	font-size: 35px;
	-webkit-position: fixed;
	-moz-position: fixed;
	position: fixed;
	width: 100%;
	z-index: 300;
}
	
.bgimage{
	height: 600px;
	margintop:100px
}	
	
.content{
	max-width: 1200px;
	margin: auto;
}	
	
.Title {
	color: #000;
	padding: 5px;
	text-align: center;
	font-size: 30px;
	scroll-margin: 78px;
}

.titletext{
	width:500px;
	margin-top:100px;
	}
.frame{
	display:block;
	width:500px;
	margin:0px auto;
	}

.links{
	display:block;
	background-color:white;
	width:200px;
	height:auto;
	padding:7px;
	border-radius:30px;
	margin:20px auto;
	}

.column {
	background-color: #13294f;
	float: left;
	width: 25%;
	padding: 10px;
	height: 700px;
	color: #666464;
    font-family: "lato-bold", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 28px;
}
	
.columnH {
	background-color: #13294f;
	float: none;
	width: 25%;
	padding: 10px;
	height: 400px;
	color: #f3be53;
    font-family: "lato-bold", Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 28px;
}		
	
.img{
	width: 100%;
}
	
.property_img {
	float: left;
	width: 33.33%;
	padding: 5px;
	height: auto;
}
.social_img {
	float: none;
	width: 10%;
	padding: 5px;
	height: auto;
}

.row:after {
	background-color: #13294f;
	content: "";
	display: table;
	clear: both;
}
	
.travel{
	display:block;
	background-color: 13294f;
	width: 100%;
	height: auto;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #000;
	padding: 10px;
	text-decoration:none;
}

.travel a{
	text-decoration:none;
	color: #000;
}
	
.row:after {
  content: "";
  display: table;
  clear: both;

}	
	
.footer {
  background-color: #000;
  padding: 10px;
  text-align: center;
}



@media (max-width: 1500px) {
	
	
	.header {
		padding: 0px;
		height: auto;
		text-align: left;
		font-size: 35px;
	}
	
	.bgimage{
		float: none;
		height: 600px;
		
	}	

}
	
	
	
@media (max-width: 1024px) {
	
	.bgimage{
		float: none;
		height: 600px;
	}	
	
	
	.column {
    	width: 50%;
	}
	
	.columnH {
    	width: 50%;
		height: 600px;
	}
	
	.property_img {
    	width: 50%;
  }
	
	.details{
		display: block;
		width: 100%;
		
	}	
	
}	
	

@media (max-width: 600px) {
	
	.logo2{
		width: 100%;
	}
	
	.header {
		display: block;
	  	padding: 0px;
	  	height: 80px;
	}
	
	.titletext{
	width:300px;
	}
	
	.frame{
	width:300px;
	}
	
	.column {
		width: 100%;
		height: auto;
	}
	
	.columnH {
		width: 100%;
		height: auto;
	}
	
	
	
	.property_img {
		width: 100%;
	}
	
}

	.bar{
		display: block;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: white;
		padding: 0px;
		margin: 0px;
	}	
	
	.t1{
		font-size: 50px;
		letter-spacing: 5px;
		height: 60px;
	}
	.t2{
		font-size: 24px;
		letter-spacing: 0px;
		padding: 3px;
	}
	
	.t3{
		font-size: 16px;
		letter-spacing: 0px;
		padding: 3px;
	}
	
	.t4{
		font-size: 16px;
		letter-spacing: 0px;
		margin: 5px;
	}