@charset "utf-8";
/* CSS Document - with Git */

html, html *{
	padding: 0;
	margin:0;
	box-sizing: border-box;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
header{
	padding-bottom: 0px;
}
footer {
	padding-top: 0px;
}
menu-item {
	font-size: 18px;
	font-weight: 100;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
h3 {
	font-size: 36px;
	font-weight: 100;
	color: white;
}
h3-form {
	font-size: 36px;
	font-weight: 100;
	color: #000000;
}
h4 {
	font-size: 13px;
	font-weight: 100;
	color: #FFFFFF;
}
p {
	font-weight: 100;
	text-align: center;
}
.nav-row-top {
	overflow:hidden; 
	Position: fixed;
	top: 0;
	width: 100%;
	max-width: 1200px;
}
.nav-row-bottom {
	overflow:hidden; 
	Position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 1200px;
}
.container {
	margin: 200px 0px;
	background-color: #52BAD5;
	border-radius: 10px;
	vertical-align: middle;
}
.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}
.row {
	padding-bottom: 10px;
	border-bottom: thin solid;
	margin-bottom: 10px;
}
.row-grid {
	padding-bottom: 10px;
}
.row-heading {
	display: inline-block;
	display:flex;
	padding-bottom: 10px;
	border-bottom: thin solid;
	margin-bottom: 10px;
}
.row-bottom {
	display: inline-block;
	display:flex;
	padding-bottom: 10px;	
}
.col-left {
	width: 10%;
	text-align: left;
}
.col-left a{
	text-decoration: none;
}
.col-left a:hover{
	text-decoration: underline;
	text-decoration-color: #FFFFFF;
}
.col-center {
	width: 80%;
	text-align: center;
}
.col-right {
	width: 10%;
	text-align: right;
}
.col-right a{
	text-decoration: none;
}
.col-right a:hover{
	text-decoration: underline #FFFFFF;
}

.col-6{
	width: 100%;
	text-align: center;
	border: none;
	padding: 10px;
}
.col-6 a {
	text-decoration: none;
}
.col-6 a:hover{
	text-decoration: underline;
	text-decoration-color: white;
}
.row-bedroom-grid {
	display: inline-block;
	display:flex;
	text-align: center;
}
.col-25{
	width: 25%
}
.col-25 a{
	text-decoration: none;
}
.col-25 a:hover{
	text-decoration: underline;
	text-decoration-color: #FFFFFF;
}
.style-nav ul{
	list-style-type: none;
	background-color: #52BAD5;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.style-nav ul li {
	display:inline-block;
}
.style-nav-bottom ul li {
	display: inline-block;
}
.style-nav ul li a{
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block;
	text-transform: uppercase;
	padding: 10px;	
}
.style-nav ul li a:hover{
	text-decoration: underline;
	text-decoration-color: #FFFFFF;
}
.style-nav-bottom ul li a:hover{
	text-decoration: underline;
	text-decoration-color: #FFFFFF;
}
.style-nav-bottom ul{
	list-style-type: none;
	background-color: #000000;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.style-nav-bottom ul li a{
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	padding: 10px;	
}
.info-box-text {
	background-color: #52BAD5;
	color: #FFFFFF;
	padding: 10px 20px;
	text-align: center;
}
.info-box-text a {
	text-decoration: none;
	color: #FFFFFF;
}
.info-box-text a:hover {
	text-decoration: underline;
}
.info-box-img {
	background-color: #52BAD5;
	color: #FFFFFF;
	padding: 10px 20px;
	text-align: center;
}
.col-form {
	width: 300px;
	height: 500px;
	margin: 0 auto;
	padding-bottom: 30px;
	
	color: gray;
	
}

body {
	margin-left:auto;
	margin-right: auto;
}
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #52BAD5;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #2A93AE;
}

.container-form {
  margin: 200px 0px;
	background-color: #f2f2f2;
	border-radius: 10px;
	vertical-align: middle;
}
	
	
/*Tablet and Desktop query*/

@media (min-width: 768px){
	.style-nav ul li{
		display:inline-block;
	}
	.style-nav-bottom ul li{
		display:inline-block;
	}
	.style-nav ul {
		text-align: center;
	}
	.nav{
		width: 100%;
	}
	.col-md-one-half {
		width: 50%;
		flex: 1;
	}
	.row {
		display:flex;
		align-items: center;
	}
	.row-grid {
		display:flex;
		align-items: center;
	}
	
	h4 {
		font-size:24px;
	}
	body {
		max-width: 1200px;
	}
	
}

@media (max-width: 414px){
	menu-item {
	font-size: 14px;
	font-weight: 100;
	}
}