leton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ 

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#holder {
 position: relative;
}
#logo1 {
    position: absolute;
    left: 35%;
    top: 9%;
    max-width: 25%;
}
/* Forms Stuff */
.antispam {
    display: none;
}
.u-full-width-review {
    box-sizing: border-box;
    height: 15rem;
    margin-bottom: 10px;
    width: 100%;
}
.u-full-width-form {
    box-sizing: border-box;
    height: 5rem;
    margin-bottom: 10px;
    width: 100%;
    font-size: 1.5em;
    padding-left: 1em;
}
/* Affiliate Badges */
.affiliate-badge {
    left: -20px;
    position: absolute;
    top: 20px;
}
.container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.column, .columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

@media (min-width: 1px) and (max-width: 1240px) {
.twelve.columns-super-footer {
    visibility: hidden;
    display: none;
}
}

@media (min-width: 1px) and (max-width: 415px) {
.container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
}

/*Responsive Included Section */
@media (min-width: 1px) and (max-width: 535px) {
.twelve.columns-full {
    background-color: #ecbe13;
}
.six.columns-included {
    text-align: center;
}
.four.columns-included {
    text-align: center;
}
.two.columns-included {
    text-align: center;
}
h2.included {
    text-align: center;
}
p.included {
    text-align: center;
}
}

@media (min-width: 1px) {
.container .nine.columns-header-black {
    background-color: #000;
    padding: 10px;
}
}

@media (min-width: 355px) and (max-width: 659px) {
.container .four.columns-left {
    background-color: #eeeeee;
    border: 5px solid white;
    margin-bottom: 30px;
    padding: 5px;
    width: 93%;
    text-align: center;
}
.container .four.columns-right {
    background-color: #eeeeee;
    border: 5px solid white;
    margin-bottom: 20px;
    padding: 5px;
    width: 93%;
    text-align: center;
}
.u-max-full-width {
    align-items: center;
	border: none;
}
}

@media (min-width: 355px) and (max-width: 850px) {
.three.columns  /* Sidebar  */ {
    visibility: hidden;
    display: none;
}
}

@media (min-width: 524px) {
.adsense {
    visibility: visible;
    display: block;
}
}

@media (min-width: 600px) and (max-width: 850px) {
.container .nine.columns {
    width: 100%;
    background-color: #ffc752;
    padding: 5px;
    margin-top: -7px;
}
}

@media (min-width: 536px) and (max-width: 600px) {
.container .nine.columns {
    width: 100%;
    background-color: #ffc752;
    padding: 5px;
    margin-top: -7px;
}
}

@media (min-width: 536px) and (max-width: 1030px) {
.container .u-max-full-width-feature {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 20px;
    max-width: 97%;
    border: none;
}
}

@media (min-width: 536px) and (max-width: 849px) {
.container h2.rocks-white {
    font-size: 2rem;
    letter-spacing: 0rem;
}
.container h2.rocks-blue {
    font-size: 2rem;
    letter-spacing: 0rem;
}
.container .three.columns-blue {
    background-color: #23b5ee;
    border: 5px solid #1fa3d6;
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
}
.container .three.columns-yellow {
    background-color: #fff244;
    border: 5px solid #e5d93d;
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
}
.container .button.button-white, button.button-white, input.button-white[type="submit"], input.button-white[type="reset"], input.button-white[type="button"] {
    background-color: #fff;
    border-color: transparent;
    color: #33c3f0;
    font-size: 0.75rem;
    margin-bottom: 1.5rem;
    text-align: center;
    width: 80%;
    padding: 0px;
}
}

@media (min-width: 850px) and (max-width: 1010px) {
.container .button.button-white, button.button-white, input.button-white[type="submit"], input.button-white[type="reset"], input.button-white[type="button"] {
    background-color: #fff;
    border-color: transparent;
    color: #33c3f0;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
    width: 80%;
    padding: 0px;
}
}

@media (min-width: 335px) and (max-width: 535px) {
.container h2.rocks-white {
    font-size: 2rem;
    letter-spacing: 0rem;
}
.container h2.rocks-blue {
    font-size: 2rem;
    letter-spacing: 0rem;
}
.container .three.columns-blue {
    background-color: #23b5ee;
    border: 2px solid #1fa3d6;
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
}
.container .three.columns-yellow {
    background-color: #fff244;
    border: 2px solid #e5d93d;
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
}
.container .button.button-white, button.button-white, input.button-white[type="submit"], input.button-white[type="reset"], input.button-white[type="button"] {
    background-color: #fff;
    border-color: transparent;
    color: #33c3f0;
    font-size: 0.75rem;
    margin-bottom: 1.5rem;
    text-align: center;
    width: 80%;
    padding: 0px;
    height: 20px;
    line-height: 1.5rem;
}
}

@media (min-width: 20px) and (max-width: 535px) {
.nine.columns-header-black {
    background-color: #000;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.container h3.sub-white {
    font-size: 1.65rem;
}
.container .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    font-size: 0.75rem;
}
.nine.columns-header-pink {
    background-color: #ff2c72;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.nine.columns-header-green {
    background-color: #82bc56;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.container .twelve.columns-header-pink {
    background-color: #ff2c72;
    margin-bottom: -1rem;
    margin-top: 30px;
    width: 100%;
}
}

@media (min-width: 200px) and (max-width: 334px) {
.container h2.rocks-white {
    font-size: 1.6rem;
    letter-spacing: 0rem;
}
.container h2.rocks-blue {
    font-size: 1.6rem;
    letter-spacing: 0rem;
}
.container .three.columns-blue {
    background-color: #23b5ee;
    border: 2px solid #1fa3d6;
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
}
.container .three.columns-yellow {
    background-color: #fff244;
    border: 2px solid #e5d93d;
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
}
.container h1.home {
    font-size: 4rem;
    letter-spacing: -1px;
}
.container h2.home {
    font-size: 1.25rem;
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
    font-size: 1rem;
    padding: 0px;
    text-align: center;
}
}

@media (min-width: 200px) and (max-width: 334px) {
.container .button.button-white, button.button-white, input.button-white[type="submit"], input.button-white[type="reset"], input.button-white[type="button"] {
    background-color: #fff;
    border-color: transparent;
    color: #33c3f0;
    font-size: 0.55rem;
    margin-bottom: 1.5rem;
    text-align: center;
    width: 80%;
    padding: 0px;
    height: 20px;
    line-height: 1.5rem;
}
}

@media (min-width: 100px) and (max-width: 650px) {
.container .button.button-white, button.button-white, input.button-white[type="submit"], input.button-white[type="reset"], input.button-white[type="button"] {
    color: #00709d;
}
}

@media (min-width: 536px) and (max-width: 649px) {
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
    font-size: 1rem;
    padding: 0px;
    text-align: center;
}
}

@media (min-width: 536px) and (max-width: 599px) {
.container .button.button-white, button.button-white, input.button-white[type="submit"], input.button-white[type="reset"], input.button-white[type="button"] {
    height: 20px;
    line-height: 1.5rem;
}
}

@media (min-width: 851px) and (max-width: 959px) {
.container .four.columns-right {
    margin-right: 0px;
}
}

@media (min-width: 660px) and (max-width: 749px) {
.container .four.columns-right {
    margin-right: 0px;
}
}

@media (min-width: 100px) and (max-width: 535px) {
.container .nine.columns-header-pink {
    background-color: #ff2c72;
    margin-bottom: 10px;
}
}

@media (min-width: 200px) and (max-width: 535px) {
.twelve.columns-footer {
    color: #fff;
    margin-bottom: 50px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}
}

@media (min-width: 100px) and (max-width: 535px) {
.container .twelve.columns-contact {
    width: 100%;
    margin-left: 0;
    text-align: center;
    text-align: center;
    background-color: #ffc052;
 color #fff;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 5px;
    border-top: 2px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}
.container .twelve.columns-contact a {
    color: #000;
}
.affiliate-badge {
    visibility: hidden;
}
}

@media (min-width: 536px) and (max-width: 750px) {
.container .twelve.columns-contact {
    font-size: 0.85rem;
}
}

@media (min-width: 536px) {
.container .twelve.columns-contact {
    display: none;
    visibility: hidden;
}
}

@media (min-width: 536px) {
/*Make dropdown links appear inline*/
ul.mobile-nav {
    position: static;
    display: none;
}
/*Create vertical spacing*/
li.mobile-nav {
    margin-bottom: 1px;
}
/*Make all menu links full width*/
	/*ul.mobile-nav li, li a {
		width: 100%;*/
	/*Display 'show menu' link*/
.show-menu {
    display: block;
}
}

@media (min-width: 100px) and (max-width: 535px) {
.container .sy-box {
    display: none;
    visibility: hidden;
}
}

@media (min-width: 400px) and (max-width: 535px) {
.container ul.navbar-list, .navbar, .navbar-spacer {
    background: none repeat scroll 0 0 #309292;
    display: block;
    height: 7rem;
    width: 100%;
    z-index: 99;
}
.container .navbar-link {
    color: #fff;
}
}

@media (min-width: 536px) and (max-width: 850px) {
.container .three.columns-blue-testimonial {
    width: 50%;
}
}

@media (min-width: 536px) and (max-width: 850px) {
.container .three.columns-yellow-testimonial {
    width: 50%;
}
}

@media (min-width: 100px) and (max-width: 535px) {
.container .three.columns-blue-testimonial {
    background-color: #23b5ee;
    font-family: Rocks, Helvetica, sans-serif;
    text-align: center;
}
.container .three.columns-yellow-testimonial {
    background-color: #fff244;
    font-family: Rocks, Helvetica, sans-serif;
    text-align: center;
}
}

/* Rooms & Suites Column Fix */
@media (min-width: 536px) and (max-width: 799px) {
.container .four.columns-rooms {
    width: 28%;
    background-color: #fff;
    padding: 5px;
    margin-top: -7px;
    float: left;
    border-top: 2px solid white;
    margin-right: 0.25rem;
    margin-left: 1rem;
    text-align: left;
}
}

/* For devices smaller than 535px */
@media (max-width: 535px) {
	.container .center{
	margin: auto;
	display: block;
	width: 50%;
	}
}


@media (max-width: 535px) {
.container {
    width: 98%;
    padding: 0;
    box-sizing: border-box;
    background-color: #fff;
}
.container .four.columns-left {
    border: none;
    margin: auto;
}
.container .four.columns-right {
    border: none;
    margin: auto;
}
.three.columns  /* Sidebar */ {
    visibility: hidden;
    display: none;
}
.adsense {
    visibility: hidden;
    display: none;
}
.four.columns-header-green {
    background-color: #82bc56;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-header-pink {
    background-color: #046d8b;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-header-yellow {
    background-color: #f9d423;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-header-orange {
    background-color: #ff9000;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-header-black {
    background-color: #000;
    padding: 10px;
    margin-bottom: 5px;
}
.nine.columns-header {
    background-color: #82bc56;
    padding: 10px;
    margin-top: -5px;
    border-top: 2px solid white;
    border-bottom: 5px solid #fff;
}
.four.columns-big-header-black {
    background-color: #000;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-big-header-green {
    background-color: #82bc56;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-big-header-pink {
    background-color: #ff2c72;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-big-header-yellow {
    background-color: #f9d423;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-big-header-black {
    background-color: #000;
    padding: 5px;
    margin-bottom: 5px;
}
.u-max-full-width-feature {
    visibility: hidden;
    display: none;
}
.container h1.sub-white {
    color: #fff;
    font-family: GoodDog, Arial, Helvetica, sans-serif;
    font-size: 4rem;
    letter-spacing: -0.1rem;
    line-height: 1.2;
    padding-left: 10px;
    padding-top: 10px;
    text-align: center;
}
.container h2.white {
    color: #fff;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.1rem;
    line-height: 1;
    margin-bottom: 4px;
    margin-top: 0.5em;
    padding-left: 10px;
    text-align: center;
}
.container .three.columns-homey {
    float: left;
    margin-bottom: 7px;
    margin-top: 1em;
    width: 100%;
    text-align: left;
    color: #0FA0CE;
    padding-left: 20%;
    font-family: Myndraine, Lucida Sans Unicode, Lucida;
    font-size: 15px;
    line-height: 1.5em;
}
}

@media (min-width: 536px) and (max-width: 860px) {
.container .three.columns-homey-last {
    float: left;
    margin-bottom: 7px;
    width: 60%;
    margin-top: 1em;
    display: inline-block;
    margin-left: 30%;
}
.container .three.columns-homey {
    float: left;
    margin-bottom: 7px;
    margin-top: 1em;
    width: 24%;
    text-align: left;
    color: #0FA0CE;
    padding-left: 2.5em;
    font-family: Myndraine, Lucida Sans Unicode, Lucida;
    font-size: 15px;
    line-height: 1.5em;
}
}

@media (min-width: 310px) and (max-width: 535px) {
.container .three.columns-homey-last {
    float: left;
    margin-bottom: 7px;
    width: 26%;
    margin-top: 1em;
    display: inline-block;
    padding-left: 35%;
}
}

@media (min-width: 280px) and (max-width: 309px) {
.container .three.columns-homey-last {
    float: left;
    margin-bottom: 7px;
    width: 100%;
    margin-top: 1em;
    display: inline-block;
    margin-left: 1em;
}
}

@media (min-width: 310px) and (max-width: 534px) {
.container .three.columns-homey-last {
    float: left;
    margin-bottom: 7px;
    width: 100%;
    margin-left: -7em;
    margin-top: 1em;
    display: inline-block;
}
}
/*@media (min-width: 536px) and (max-width: 860px){

	.container .three.columns-homey-last  { float: left; margin-bottom: 7px; width: 100%; margin-left: -7em; margin-top: 1em; display: inline-block;}	
	}

}*/


/* MOBILE MOBILE  MOBILE MOBILE */

/*Strip the ul of padding and list styling*/
ul.mobile-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
li.mobile-nav {
    display: inline-block;
    float: left;
    margin-right: 1px;
}
/*Style for menu links*/
li.mobile-nav a {
    display: block;
    min-width: 140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #309292;
    text-decoration: none;
}
/*Hover state for top level links*/
li.mobile-nav:hover a {
    background: #ecbe13;
}
/*Style for dropdown links*/
li.mobile-nav:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb;
}
/*Hover state for dropdown links*/
li.mobile-nav:hover ul a:hover {
    background: #93a42a;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
li.mobile-nav ul {
    display: none;
}
/*Make dropdown links vertical*/
li.mobile-nav ul li {
    display: block;
    float: left;
    margin: auto;
}
/*Prevent text wrapping*/
li.mobile-nav ul li a {
    width: auto;
    min-width: 100px;
    padding: 0px;
}
/*Display the dropdown on hover*/
ul.mobile-nav li a:hover + .hidden, .hidden:hover {
    display: block;
    width: 100%;
    margin: auto;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #309292;
    text-align: center;
    margin-top: 0em;
    padding: 10px 0;
    display: none;
    margin-bottom: -30px;
}
.roomtype {
    visibility: visible !important;
}
/*Hide checkbox*/
input[type=checkbox] {
    display: none;
    visibility: hidden;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width : 535px) {
/*Make dropdown links appear inline*/
ul.mobile-nav {
    position: static;
    display: none;
}
/*Create vertical spacing*/
li.mobile-nav {
    margin-bottom: 1px;
}
/*Make all menu links full width*/
ul.mobile-nav li, li a {
    width: 100%;
}
/*Display 'show menu' link*/
.show-menu {
    display: block;
}
}

@media (min-width : 535px) and (max-width : 3000px) {
/*Make dropdown links appear inline*/
ul.mobile-nav {
    visibility: hidden;
    display: none;
}
/*Create vertical spacing*/
li.mobile-nav {
    visibility: hidden;
    display: none;
}
/*Make all menu links full width*/
ul.mobile-nav li.mobile-nav, li.mobile-nav a {
    position: static;
    display: none;
}
/*Display 'show menu' link*/
.show-menu {
    visibility: hidden;
    display: none;
}
.roomtype {
    visibility: visible !important;
}
}

/* MOBILE MOBILE MOBILE MOBILE */




/* For devices larger than 400px
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0;
	box-sizing: border-box;
	}
}


/* For devices smaller than 536px */
@media (max-width: 536px) {
.six.columns-blue {
    width: 100%;
    background-color: #74d3f8;
    border: 10px solid #51c3f0;
    box-sizing: border-box;
    text-align: center;
}
.six.columns-yellow {
    width: 100%;
    background-color: #fff788;
    border: 10px solid #fff244;
    box-sizing: border-box;
    text-align: center;
}
}

/* For devices larger than 536px */
@media (min-width: 536px) {
.container {
    width: 98%;
    height: 100%; /*overflow:hidden;*/
}
.column,  .columns {
    margin-left: 0;
}
.column:first-child,  .columns:first-child {
    margin-left: 0;
}
.one.column,  .one.columns {
    width: 4.66666666667%;
}
.two.columns {
    width: 13.3333333333%;
}
.two.columns-included {
    width: 13.3333333333%;
    display: inline;
}
.two.columns-footer {
    width: 14.2%;
    float: left;
}
.three.columns  /* Sidebar */ {
    width: 26%;
    background-color: #003253;
    padding: 5px;
    margin-top: -7px;
    border-top: 2px solid white;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}
.three.columns-blue {
    width: 25%;
    background-color: #23b5ee;
    border: 10px solid #1fa3d6;
    box-sizing: border-box;
    text-align: center;
    float: left;
}
.three.columns-blue-testimonial {
    background-color: #23b5ee;
    border: 10px solid #1fa3d6;
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
    margin-bottom: 0.5rem;
}
.three.columns-yellow {
    width: 25%;
    background-color: #fff244;
    border: 10px solid #e5d93d;
    box-sizing: border-box;
    text-align: center;
    float: left;
}
.three.columns-yellow-testimonial {
    width: 25%;
    background-color: #fff244;
    border: 10px solid #e5d93d;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-bottom: 0.5rem;
}
.three.columns-homey {
    float: left;
    margin-bottom: 7px;
    margin-top: 1em;
    width: 20%;
    text-align: left;
    color: #0FA0CE;
    padding-left: 2.5em;
    font-family: Myndraine, Lucida Sans Unicode, Lucida;
    font-size: 15px;
    line-height: 1.5em;
}
.three.columns-homey-last {
    float: left;
    margin-bottom: 7px;
    width: 26%;
    text-align: left;
    font-family: Myndraine, Lucida Sans Unicode, Lucida;
    font-size: 15px;
    margin-top: 1em;
}
.three.columns-quick {
    float: left;
    margin-bottom: 7px;
    margin-top: 1em;
    width: 24%;
    padding-left: 0.25em;
    line-height: 1.5em;
}
.three.columns-quick-last {
    float: left;
    margin-bottom: 7px;
    width: 24%;
    margin-top: 1em;
	padding-left: 0.25em;
}
.four.columns {
    width: 34.6666666667%;
    background-color: #003253;
    padding: 5px;
    margin-top: -7px;
    border-top: 2px solid white;
}
.four.columns-included {
    width: 32.6666666667%;
    padding: 5px;
    margin-top: -7px;
    display: inline;
}
.four.columns-plain {
    width: 34%;
    padding: 5px;
    margin-top: -7px;
    float: left;
}
.four.columns-left {
    background-color: #eeeeee;
    border: 5px solid white;
    float: left;
    margin-left: 10px;
    padding: 5px;
    width: 43%;
    margin-bottom: 30px;
    position: relative;
}
.four.columns-right {
    background-color: #eeeeee;
    border: 5px solid white;
    float: right;
    margin-right: 20px;
    padding: 5px;
    width: 43%;
    margin-bottom: 30px;
    position: relative;
}
.four.columns-home {
    background-color: #eeeeee;
    border: 10px solid white;
    box-sizing: border-box;
    float: left;
    margin-bottom: 7px;
    margin-top: -5px;
    width: 33.33%;
}
.four.columns-rooms {
    width: 29.3%;
    background-color: #fff;
    padding: 5px;
    margin-top: -7px;
    float: left;
    border-top: 2px solid white;
    margin-right: 0.5rem;
    margin-left: 1.6rem;
    text-align: left;
}
.four.columns-header-green {
    background-color: #82bc56;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-header-pink {
    background-color: #ff2c72;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-header-yellow {
    background-color: #f9d423;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-big-header-black {
    background-color: #000;
    padding: 15px;
    margin-bottom: 5px;
}
.four.columns-big-header-green {
    background-color: #82bc56;
    padding: 15px;
    margin-bottom: 5px;
}
.four.columns-big-header-pink {
    background-color: #ff2c72;
    padding: 15px;
    margin-bottom: 5px;
}
.four.columns-big-header-yellow {
    background-color: #f9d423;
    padding: 15px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-big-header-black {
    background-color: #000;
    padding: 15px;
    margin-bottom: 5px;
}
.nine.columns-header {
    background-color: #82bc56;
    padding: 5px;
    margin-top: -5px;
    border-top: 2px solid white;
    border-bottom: 5px solid #fff;
}
.nine.columns-header-pink {
    background-color: #ff2c72;
    padding: 1.75rem 1.25rem 1.25rem;
    margin-top: 0px;
    margin-bottom: 5px;
}
.nine.columns-header-green {
    background-color: #82bc56;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.five.columns {
    width: 39.3333333333%;
    margin-right: 4rem;
}
.six.columns {
    width: 50%;
    background-color: #eeeeee;
    border: 5px solid #fff;
}
.six.columns-included {
    width: 50%;
    display: inline;
}
.six.columns-content {
    width: 48%;
    background-color: #eeeeee;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 5px;
    margin-top: -5px;
    border: 5px solid #fff;
}
.six.columns-blue {
    width: 50%;
    background-color: #74d3f8;
    border: 10px solid #51c3f0;
    box-sizing: border-box;
    text-align: center;
    float: left;
}
.six.columns-yellow {
    width: 50%;
    background-color: #fff788;
    border: 10px solid #fff244;
    box-sizing: border-box;
    text-align: center;
    float: right;
}
.six.columns-left {
    background-color: #eeeeee;
    border: 5px solid white;
    float: left;
    margin-left: 10px;
    padding: 1rem;
    width: 42%;
    margin-bottom: 30px;
    position: relative;
    padding-top: 1.5rem;
}
.six.columns-right {
    background-color: #eeeeee;
    border: 5px solid white;
    float: right;
    margin-right: 3.8rem;
    padding: 1rem;
    width: 42%;
    margin-bottom: 30px;
    position: relative;
    padding-top: 1.5rem;
}
.seven.columns {
    width: 56.6666666667%;
}
.eight.columns {
    width: 65.3333333333%;
    background-color: #ffc752;
    padding: 5px;
    margin-top: -7px;
}
.eight.columns-header {
    width: 100%;
    background-color: #82bc56;
    margin-left: -5px;
    padding: 5px;
    margin-top: -5px;
    border-top: 2px solid white;
    border-bottom: 5px solid #fff;
}
.nine.columns {
    width: 74.0%;
    background-color: #ecbe13;
    padding: 5px;
    margin-top: -7px; /*padding-bottom:32767px;
  									margin-bottom:-32767px;*/
}
.nine.columns-header {
    width: 100%;
    background-color: #82bc56;
    margin-left: -5px;
    padding: 5px;
    margin-top: -5px;
    border-top: 2px solid white;
    border-bottom: 5px solid #fff;
}
.nine.columns-big-header-green {
    background-color: #82bc56;
    margin-bottom: 7px;
    padding: 1.75rem 1.25rem 1.25rem;
    width: 97%;
}
.nine.columns-content {
    width: 93%;
    background-color: #eeeeee;
    margin-left: 2%;
    margin-bottom: 20px;
    padding: 5px;
    margin-top: 20px;
    border: 5px solid #fff;
}
.nine.columns-webcam {
    background-color: #000;
    border: 5px solid #fff;
    height: 506px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: -5px;
    padding: 5px;
    width: 93%;
}
.ten.columns {
    width: 82.6666666667%;
}
.eleven.columns {
    width: 91.3333333333%;
}
.twelve.columns {
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin-bottom: -7px;
    background-color: #fff;
}
.twelve.columns-full {
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin-bottom: -7px;
    background-color: #ecbe13;
    padding: 5px;
    margin-top: -7px; /*padding-bottom:32767px;
  									margin-bottom:-32767px;*/
}
.twelve.columns-contact {
    visibility: hidden;
}
.twelve.columns-contact a {
    color: #000;
}
.twelve.columns-content-home {
    width: 100%;
    margin-left: 0;
    text-align: center;
    text-align: center;
    margin-bottom: 40px;
}
.twelve.columns-footer {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    width: 100%;
    color: #fff;
    margin-bottom: 50px;
}
.twelve.columns-super-footer {
    width: 65%;
    margin-top: 10px;
    padding-top: 2rem;
    text-align: left;
    color: #fff;
    margin: auto;
    margin-bottom: 28rem;
    border-top: solid #fff 1px;
}
.twelve.columns-header-pink {
    width: 100%;
    background-color: #ff2c72;
    margin-top: -5px;
    border-top: 2px solid white;
    margin-bottom: -2rem;
}
.one-third.column {
    width: 30.6666666667%;
}
.two-thirds.column {
    width: 65.3333333333%;
}
.one-half.column {
    width: 48%;
}
/* Offsets */
.offset-by-one.column,  .offset-by-one.columns {
    margin-left: 8.66666666667%;
}
.offset-by-two.column,  .offset-by-two.columns {
    margin-left: 17.3333333333%;
}
.offset-by-three.column,  .offset-by-three.columns {
    margin-left: 26%;
}
.offset-by-four.column,  .offset-by-four.columns {
    margin-left: 34.6666666667%;
}
.offset-by-five.column,  .offset-by-five.columns {
    margin-left: 43.3333333333%;
}
.offset-by-six.column,  .offset-by-six.columns {
    margin-left: 52%;
}
.offset-by-seven.column,  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
}
.offset-by-eight.column,  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
}
.offset-by-nine.column,  .offset-by-nine.columns {
    margin-left: 78.0%;
}
.offset-by-ten.column,  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
}
.offset-by-eleven.column,  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
}
.offset-by-one-third.column,  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
}
.offset-by-two-thirds.column,  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
}
.offset-by-one-half.column,  .offset-by-one-half.columns {
    margin-left: 52%;
}
.four.columns-header-green {
    background-color: #82bc56;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-header-pink {
    background-color: #ff2c72;
    padding: 1.25rem;
    margin-bottom: 5px;
    padding-top: 1.75rem;
    margin-top: 0rem;
}
.four.columns-header-pink2 {
    background-color: #ff2c72;
    margin-bottom: 5px;
    margin-top: -1.5rem;
    padding-bottom: 1rem;
}
.four.columns-header-yellow {
    background-color: #f9d423;
    padding: 0.8rem;
    padding-top: 1rem;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-header-orange {
    background-color: #ff9000;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-header-black {
    background-color: #000;
    padding: 5px;
    margin-bottom: 5px;
}
.nine.columns-header {
    background-color: #82bc56;
    padding: 5px;
    margin-top: -5px;
    border-top: 2px solid white;
    border-bottom: 5px solid #fff;
}
.four.columns-big-header-black {
    background-color: #000;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-big-header-green {
    background-color: #82bc56;
    padding: 1.75rem 1.25rem 1.25rem;
    margin-bottom: 5px;
}
.four.columns-big-header-pink {
    background-color: #ff2c72;
    padding: 5px;
    margin-bottom: 5px;
}
.four.columns-big-header-yellow {
    background-color: #f9d423;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.four.columns-big-header-black {
    background-color: #000;
    padding: 5px;
    margin-bottom: 5px;
}
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
    font-size: 62.5%;
}
body {
    font-size: 12px; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 2em;
    font-weight: 400;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #717171;
    background-color: #046d8b;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
/* font-weight: 300; */ }
h1 {
    font-size: 4.0rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
}
h1.home {
    color: #2a546c;
    font-family: 'GoodDog', Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    margin-top: 0;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 4.4rem;
}
h1.home-trio-1 {
    background-color: #309292;
    color: #fff;
    font-family: GoodDog, Arial, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: normal;
    line-height: 1em;
    margin-top: 0;
    padding: 10px;
    text-align: center;
    margin-bottom: 0.2rem;
    letter-spacing: 0.01em;
}
h1.home-trio-2 {
    background-color: #2fb8ac;
    color: #fff;
    font-family: GoodDog, Arial, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: normal;
    line-height: 1em;
    margin-top: 0;
    padding: 10px;
    text-align: center;
    margin-bottom: 0.2rem;
    letter-spacing: 0.01em;
}
h1.home-trio-3 {
    background-color: #ecbe13;
    color: #fff;
    font-family: GoodDog, Arial, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: normal;
    line-height: 1em;
    margin-top: 0;
    padding: 10px;
    text-align: center;
    margin-bottom: 0.2rem;
    letter-spacing: 0.01em;
}
h1.sub-white {
    font-size: 5.5rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
    color: #fff;
    font-family: GoodDog, Arial, Helvetica, sans-serif;
    padding-left: 20px;
    padding-top: 10px;
}
h2 {
    font-size: 3.25rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
}
h2.home {
    color: #c6035b;
    font-family: QuicksandBold, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    letter-spacing: -1px;
    margin-top: -18px;
    text-align: center;
    text-transform: uppercase;
}
h2.yellow {
    color: #ffff33;
    font-family: QuicksandBold, Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    ;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
h2.sub-white {
    font-size: 3.25rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
    color: #fff;
    font-family: Bubblegum, Arial, Helvetica, sans-serif;
}
h2.rocks-white {
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: 0.01rem;
    color: #fff;
    font-family: Rocks, Helvetica, sans-serif;
    margin-bottom: -1.5rem;
    margin-top: 1rem;
}
h2.included {
    font-size: 4.2rem;
    margin-top: -2rem;
    color: #fff;
    font-weight: lighter;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2.rocks-white-small {
    color: #fff;
    font-family: GoodDog, Helvetica, sans-serif;
    font-size: 2.6rem;
    letter-spacing: 0.01rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    padding: 0.25rem;
}
h2.rocks-blue {
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: 0.01rem;
    color: #23b5ee;
    font-family: Rocks, Helvetica, sans-serif;
    margin-bottom: -1.5rem;
    margin-top: 1rem;
}
h2.rocks-blue-small {
    color: #23b5ee;
    font-family: Rocks, Helvetica, sans-serif;
    font-size: 3rem;
    letter-spacing: 0.01rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}
h2.white {
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
    color: #fff;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    padding-left: 20px;
    margin-top: -10px;
    margin-bottom: 4px;
}
h3 {
    font-size: 3.0rem;
    line-height: 1.3;
    letter-spacing: -.1rem;
}
h3.sub-white {
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
    color: #fff;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    text-align: center;
}
h3.review-white {
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: -.35rem;
    color: #fff;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    text-align: center;
}
h3.bubble-white {
    color: #fff;
    font-family: GoodDog, Arial, Helvetica, sans-serif;
    font-size: 6rem;
    font-weight: normal;
    margin-top: 0;
    padding: 10px;
    text-align: center;
}
h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
}
h4.sidebar {
    color: #a5ffe7;
    font-family: Rocks;
    font-size: 3.5rem;
    letter-spacing: -0.05rem;
    line-height: 3rem;
    margin-bottom: -2rem;
    margin-left: 1rem;
    margin-top: 3rem;
}
h4.sub-black {
    font-size: 1.5rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
    color: #474747;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    text-align: center;
}
h4.sub-white {
    color: #fff;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    font-size: 2.5rem;
    letter-spacing: -0.3rem;
    line-height: 1.25;
    margin-bottom: 0;
    text-align: center;
}
h4.sub-white2 {
    color: #fff;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    font-size: 1.75rem;
    line-height: 1.25;
    margin-bottom: 0;
    text-align: center;
}
h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
}
h5.sidebar {
    color: #fcff00;
    font-size: 2rem;
    letter-spacing: -0.05rem;
    line-height: 1.5;
    margin-left: 1rem;
    text-transform: uppercase;
    margin-top: 3rem;
}
h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
}
a.call {
    font-family: Rocks;
    font-size: 1.45rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

/* Larger than phablet */
@media (min-width: 550px) {
h1 {
    font-size: 5.0rem;
}
h2 {
    font-size: 4.2rem;
}
h3 {
    font-size: 3.6rem;
}
h4 {
    font-size: 3.0rem;
}
h5 {
    font-size: 2.4rem;
}
h6 {
    font-size: 1.5rem;
}
}

@media (min-width: 536px) and (max-width: 675px) {
h1.sub-white {
    color: #fff;
    font-family: GoodDog, Arial, Helvetica, sans-serif;
    font-size: 4em;
    letter-spacing: -0.1rem;
    line-height: 1.2;
    padding-left: 20px;
    padding-top: 10px;
}
h2.white {
    color: #fff;
    font-family: QuicksandBook, Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.1rem;
    line-height: 1.25;
    margin-bottom: 4px;
    margin-top: -10px;
    padding-left: 20px;
}
}
p {
    color: #717171;
    font-family: Myndraine, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    margin-top: 1px;
    padding: 16px;
    background: #fff;
}
p.testimonial {
    background: none repeat scroll 0 0 #ffffff;
    color: #4e4e4e;
    font-family: Myndraine, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    /*font-style: italic;*/
    margin-top: 1px;
    padding: 15px;
}
p.guest {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #e6e6e6;
    color: #b9b9b9;
    font-family: Myndraine, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 0rem;
    padding: 5px;
    line-height: 1.7rem;
}
p.review {
    background: none repeat scroll 0 0 #f1f1f1;
    border-top: 1px solid #e6e6e6;
    color: #4e4e4e;
    font-family: Myndraine, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 600;
    margin-top: -4px;
    padding: 10px;
    text-align: center;
}
p.home {
    color: #4e4e4e;
    font-family: Myndraine, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1px;
    padding: 15px;
    background-color: transparent;
}
p.home-trio-text {
    color: #4e4e4e;
    font-family: Myndraine, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    margin-top: -19px;
    padding: 15px;
    background-color: #fff;
}
p.included {
    color: #fff;
    font-family: Raleway, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
    font-size: 1.8rem;
    margin-top: -3rem;
    font-weight: lighter;
    line-height: 2.8rem;
}
a.aqua-highlight {
    color: #05d7a9;
    text-decoration: none;
}
a.pink-highlight {
    color: #ff2c72;
    text-decoration: none;
}
a.pink {
    color: #ff2c72;
    text-decoration: none;
}
.yellow {
    color: #ffff33;
    text-decoration: none;
}
a.yellow:hover {
    color: #000;
}
/* QUICKSAND TYPOGRAPHY */

@font-face {
    font-family: 'QuicksandLight';
    src: url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Light-webfont.eot');
    src: url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Light-webfont.eot?iefix') format('eot'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Light-webfont.woff') format('woff'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Light-webfont.ttf') format('truetype'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Light-webfont.svg#webfontdSscXrwb') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBook';
    src: url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Book-webfont.eot');
    src: url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Book-webfont.eot?iefix') format('eot'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Book-webfont.woff') format('woff'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Book-webfont.ttf') format('truetype'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Book-webfont.svg#webfontQNKLE8Me') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBold';
    src: url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Bold-webfont.eot');
    src: url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Bold-webfont.eot?iefix') format('eot'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Bold-webfont.woff') format('woff'),  url('https://www.sandpiperbeacon.com/includes/quicksand-font/Quicksand_Bold-webfont.ttf') format('truetype'),  url('https://www.sandpiperbeacon.com/includes/quicksand-fontQuicksand_Bold-webfont.svg#webfont41HQJ7Rv') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myndraine';
    src: url('https://www.sandpiperbeacon.com/includes/fonts/myndraine/Myndraine-webfont.eot'),  url('https://www.sandpiperbeacon.com/includes/fonts/myndraine/Myndraine-webfont.woff') format('woff'),  url('https://www.sandpiperbeacon.com/includes/fonts/myndraine/Myndraine-webfont.ttf') format('truetype'),  url('https://www.sandpiperbeacon.com/includes/fonts/myndraine/Myndraine-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bubblegum';
    src: url('https://www.sandpiperbeacon.com/includes/fonts/bubblegum-sans/bubblegumsans-regular-webfont.eot'),  url('https://www.sandpiperbeacon.com/includes/fonts/bubblegum-sans/bubblegumsans-regular-webfont.woff') format('woff'),  url('https://www.sandpiperbeacon.com/includes/fonts/bubblegum-sans/bubblegumsans-regular-webfont.ttf') format('truetype'),  url('https://www.sandpiperbeacon.com/includes/fonts/bubblegum-sans/bubblegumsans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rocks';
    src: url('https://www.sandpiperbeacon.com/includes/fonts/chinese-rocks/chinese_rocks_rg-webfont.eot'),  url('https://www.sandpiperbeacon.com/includes/fonts/chinese-rocks/chinese_rocks_rg-webfont.woff') format('woff'),  url('https://www.sandpiperbeacon.com/includes/fonts/chinese-rocks/chinese_rocks_rg-webfont.ttf') format('truetype'),  url('https://www.sandpiperbeacon.com/includes/fonts/chinese-rocks/chinese_rocks_rg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GoodDog';
    src: url('https://www.sandpiperbeacon.com/includes/fonts/good-dog/good.eot'),  url('https://www.sandpiperbeacon.com/includes/fonts/good-dog/good.woff') format('woff'),  url('https://www.sandpiperbeacon.com/includes/fonts/good-dog/good.woff2') format('woff2'),  url('https://www.sandpiperbeacon.com/includes/fonts/good-dog/good.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* End of Typography */


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: #1EAEDB;
}
a:hover {
    color: #0FA0CE;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
    color: #333;
    border-color: #888;
    outline: 0;
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
    color: #FFF;
    background-color: #2fb8ac;
    border-color: #2fb8ac;
}
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #309292;
    border-color: #309292;
}
.button.button-white, button.button-white, input[type="submit"].button-white, input[type="reset"].button-white, input[type="button"].button-white {
    background-color: #fff;
    border-color: transparent;
    color: #33c3f0;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    width: 80%;
}
.button.button-white:hover, button.button-white:hover, input[type="submit"].button-white:hover, input[type="reset"].button-white:hover, input[type="button"].button-white:hover, .button.button-white:focus, button.button-white:focus, input[type="submit"].button-white:focus, input[type="reset"].button-white:focus, input[type="button"].button-white:focus {
    color: #fff;
    background-color: #f90070;
    border-color: transparent;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    height: 38px;
    padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
}
label, legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    margin-top: 8px;
    font-size: 1.25em;
}
label2 {
    display: block;
    font-weight: 600;
    color: cadetblue;
    margin-bottom: .5rem;
    font-size: 1.25em;
}
fieldset {
    padding: 0;
    border-width: 0;
}
input[type="checkbox"], input[type="radio"] {
    display: inline;
    transform: scale(1.75) !important;
    margin-right: 1em;
    margin-left: 0.5em;
}
label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
    list-style: none;
}
ul.plain {
    line-height: 2.25rem;
    list-style: inside none disc;
    margin-left: 1rem;
    margin-top: 1.5rem;
    text-align: left;
}
ol {
    list-style: decimal inside;
}
ol, ul {
    padding-left: 0;
    margin-top: 0;
}
ul ul, ul ol, ol ol, ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
}
li {
    margin-bottom: 0.6rem;
}
ul.ui-tabs-nav {
    list-style: none;
}
ul.list li:before {
    content: '✓         ';
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}
pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}
th:first-child, td:first-child {
    padding-left: 0;
}
th:last-child, td:last-child {
    padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button {
    margin-bottom: -1rem;
    margin-top: 2rem;
    width: 100%;
}
button, .button-no-pad {
    margin-bottom: -1rem;
    margin-top: -1rem;
    width: 100%;
    background-color: #33c3f0;
    border-color: #33c3f0;
    color: #fff;
}
input, textarea, select, fieldset {
    margin-bottom: 1.5rem;
}
select.reviews {
    margin-bottom: 1.5rem;
    width: 26rem;
    height: 5rem;
}
pre, blockquote, dl, figure, table, p, ul, ol, form {
    margin-bottom: 0.1rem
}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
    box-sizing: border-box;
    height: 5rem;
    margin-bottom: 30px;
    width: 100%;
}
.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}
.u-max-full-width-feature {
    border: 5px solid white;
    margin-left: 10px;
    max-width: 94%;
}
.u-max-full-width-feature-2 {
    width: 100%;
}
.u-pull-right {
    float: right;
}
.u-pull-left {
    float: left;
}
.u-pull-left-adsense {
    float: left;
    margin: 30px 20px 10px 30px;
}
.u-pull-right-adsense {
    float: left;
    margin: 30px 20px 10px 30px;
}
.adsense {
    margin: 6px;
    text-align: center
}
.adsense-sidebar {
    width: 100%;
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 5rem;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
    border-top: 1px solid #fff;
    border-width: 1px 0 0;
    margin-bottom: 4rem;
    margin-top: 2rem;
    width: 97%;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after, .row:after, .u-cf {
    content: "";
    display: table;
    clear: both;
}
.row {
    overflow: hidden;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
}

/* Larger than tablet */
@media (min-width: 750px) {
}

/* Larger than desktop */
@media (min-width: 1000px) {
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
}
/* Homepage Slideshow */

.sidebar-schema {
    color: #fff;
    font-family: Myndraine;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    margin-left: 1.05rem;
    margin-top: 2rem;
    max-width: 90%;
    text-align: center;
}
.sidebar-text {
    color: #ffff33;
    font-family: Raleway;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    margin-left: 1.05rem;
    margin-top: 2rem;
    max-width: 90%;
    text-align: center;
}
.sidebar-text-2 {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 10px solid #e1e1e1;
    box-sizing: border-box;
    color: #000;
    font-family: Raleway;
    font-size: 1.4rem;
    margin: -2rem 1.25rem 2rem 1.05rem;
    padding: 0.5rem 1rem;
}
.sidebar-text-2 ul {
    line-height: 1.25rem;
    padding-top: 0.75rem;
}
.sidebar-text-2 ul li {
    list-style-image: url('https://www.sandpiperbeacon.com/images/other/checklist.png');
    margin-left: 0.5rem;
    font-weight: bolder;
    letter-spacing: -0.055rem;
}
li.check {
    list-style-image: url("https://www.sandpiperbeacon.com/images/other/checklist.png");
    margin-left: 0.5rem;
}
a.superfooter {
    text-decoration: none;
    color: #fff;
}
a.superfooter:hover {
    color: #ffff33;
}
.center{
	margin: auto;
	display: block;
	width: 100%;
}