* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }
body {
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	color:#2b2b2b;
	background-color:#2895ce;
	background-image:url(../images/bg01.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-font-smoothing: antialiased !important;
}
h1 {
	font-family: 'Great Vibes', cursive;
	font-size:72px;
	text-shadow: 2px 2px 4px #54779c;
	color:#ffffff;
	padding-top:20px;
	padding-bottom:15px;
}
h2 {
	font-size:24px;
}
.header {
	background-image:url(../images/beach-front-realty.jpg);
	background-size:100%;
	background-position:top center;
	background-repeat:no-repeat;
	min-height:720px;
	text-align:center;
}
.footer {
	color:#ffffff;
	font-size:14px;
	text-align:center;
	margin-bottom:20px;
	margin-top:10px;
}
.contactForm {
	width:80%;
	color:#ffffff;
	margin:0 auto;
	text-align:left;
	padding:20px;
	border:thin solid;
}
.contactForm p {
	line-height:25px;	
}
.cForm {
width:80%;	
}
.points {
	color:#8e6217;
	text-shadow: 2px 2px 6px #ffffff;
	font-size:24px;
	padding-top:5px;
	font-weight:700;
	padding-left:10%;
	padding-right:10%;
}
.nomobile {
	color:#ffffff;
	font-size:28px;
	text-shadow: 2px 2px 4px #54779c;
	font-weight:700;
	padding:15px;
	display:block;
}
.mobile {
	color:#ffffff;
	font-size:26px;
	text-shadow: 2px 2px 4px #54779c;
	font-weight:700;
	padding:15px;
	display:none;
}
.frame {
  margin: 0 auto;
  max-width: 1080px;
  background-color:#000000;
  border-left:#FFFFFF solid medium;
  border-right:#FFFFFF solid medium;
    border-bottom:#FFFFFF solid thick;
   }
  .frame:after {
    content: "";
    display: table;
    clear: both; }

[class*='bit-'] {
  float: left;
  padding: 0.3em; }

.bit-1 {
  width: 100%; }

.bit-2 {
  width: 50%; }

.bit-3 {
  width: 33.33333%; }

.bit-4 {
  width: 25%; }

.bit-5 {
  width: 20%; }

.bit-6 {
  width: 16.66667%; }

.bit-7 {
  width: 14.28571%; }

.bit-8 {
  width: 12.5%; }

.bit-9 {
  width: 11.11111%; }

.bit-10 {
  width: 10%; }

.bit-11 {
  width: 9.09091%; }

.bit-12 {
  width: 8.33333%; }

.bit-25 {
  width: 25%; }

.bit-40 {
  width: 40%; }

.bit-60 {
  width: 60%; }

.bit-75 {
  width: 75%; }

@media (max-width: 30em) {
  .bit-1 {
    width: 100%; }
  .bit-2 {
    width: 100%; }
  .bit-3 {
    width: 100%; }
  .bit-4 {
    width: 100%; }
  .bit-5 {
    width: 100%; }
  .bit-6 {
    width: 100%; }
  .bit-7 {
    width: 100%; }
  .bit-8 {
    width: 100%; }
  .bit-9 {
    width: 100%; }
  .bit-10 {
    width: 100%; }
  .bit-11 {
    width: 100%; }
  .bit-12 {
    width: 100%; }
h1 {
	font-size:54px;
	padding-top:15px;
	padding-bottom:5px;
}	
.header {
	min-height:auto;
}
.footer {
	margin-top:50px;
}
  .points {
	color:#ffffff;
	text-shadow: 2px 2px 6px #000000;
	font-size:20px;
}	
.nomobile {
	display:none;
}
.mobile {
	color:#ffffff;
	font-size:26px;
	text-shadow: 2px 2px 4px #54779c;
	font-weight:700;
	padding-top:100px;
	display:block;
}
.cForm {
width:100%;	
}
h2 {
	font-size:18px;
}
	 }

@media (min-width: 30em) and (max-width: 50em) {
  .bit-4, .bit-6, .bit-8, .bit-10, .bit-12 {
    width: 50%; }
  .bit-1, .bit-2, .bit-3, .bit-5, .bit-7, .bit-9, .bit-11 {
    width: 100%; }
  .points {
	color:#ffffff;
	text-shadow: 2px 2px 6px #000000;
	font-size:24px;
}
h2 {
	font-size:24px;
}
.header {
	min-height:auto;
}
.footer {
	margin-top:50px;
}
.nomobile {
	display:none;
}
.mobile {
	color:#ffffff;
	font-size:26px;
	text-shadow: 2px 2px 4px #54779c;
	font-weight:700;
	padding-top:220px;
	display:block;
}
.cForm {
width:100%;	
}
 }

@media (min-width: 50em) and (max-width: 68.75em) {
  .bit-2, .bit-7 {
    width: 100%; }
  .bit-4, .bit-8, .bit-10, .bit-12 {
    width: 50%;
  }
	.cForm {
width:90%;	
}
		 }

.box {
  background: #FCD920;
  font-family: "Futura", sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 20px 0; }
  .box--new {
    background: #87D37C; }