@charset "UTF-8";
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0px;
}
#overlay {
	display: none;	
}
#mobile-nav {
	display: none;	
}
.layercake {
	width: 100%;
}
.spacer {
	height: 40px;
}
.bg-gray {
	background-color: #666;
	color: #FFF;
}
.bg-green {
	background-color: #4B8882;
	color: #FFF;
}

.content {
	width: 500px;
	margin-left:auto;
	margin-right:auto;	
}
.centerit {
	text-align: center;	
}

/* Buttons ======================================= */

.btn {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-align: center;
	width: 250px;
	padding-top: 19px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	margin-bottom: 30px;
}
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}
.white {
	color: #73CCC3;
	border: 2px solid #73CCC3;
	background-color: #FFF;
	-webkit-tap-highlight-color: rgba(251, 185, 250, 0.9);
}
.white:hover, .white.hover_effect {
	background-color: #73CCC3;
	color: #FFF;
	-webkit-tap-highlight-color: rgba(251, 185, 250, 0.9);
}
.green {
	color: #FFFFFF;
	border: 2px solid #73CCC3;
	background-color: #73CCC3;
}
.green:hover, .green.hover_effect {
	background-color: #666666;
	color: #FFFFFF;
}
.gray {
	color: #FFFFFF;
	border: 2px solid #73CCC3;
	background-color: #666;
}
.gray:hover, .gray.hover_effect {
	background-color: #73CCC3;
	color: #FFFFFF;
}

/* ============================================== */

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

.layercake {
	width: 100%;
}
.spacer {
	height: 40px;
}
.bg-gray {
	background-color: #666;
	color: #FFF;
}
.bg-green {
	background-color: #4B8882;
	color: #FFF;
}

.content {
	width: 80%;
	margin-left:auto;
	margin-right:auto;	
}
.centerit {
	text-align: center;	
}

/* Buttons ======================================= */

.btn {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-align: center;
	width: 250px;
	padding-top: 19px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	margin-bottom: 30px;
}

.white {
	color: #73CCC3;
	border: 2px solid #73CCC3;
	background-color: #FFF;
}
.white:hover {
	background-color: #73CCC3;
	color: #FFF;
}
.green {
	color: #FFFFFF;
	border: 2px solid #73CCC3;
	background-color: #73CCC3;
}
.green:hover {
	background-color: #666666;
	color: #FFFFFF;
}
.gray {
	color: #FFFFFF;
	border: 2px solid #73CCC3;
	background-color: #666;
}
.gray:hover {
	background-color: #73CCC3;
	color: #666;
}  
  
  
  /* CSS for the navigation=======================================*/

#mobile-nav {
	display: block;
	margin-top:15px;	
}

#overlay {
	background: rgba(51,51,51, 0.9);
	width: 100%;
	min-height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	display:none;
}

#overlay #menu {
	margin-top: 10%;
	/*background-color: #FFF;*/
	width: 80%;
	/*-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;*/
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	color: #FFF;
	font-weight: bold;
}

#overlay #menu div{
	margin-bottom: 30px;
}

#overlay #menu a{
	color: #FFF;
	text-decoration: none;
}

#overlay #menu ul{
list-style-type:none;
}
#overlay #menu li{
margin-bottom: 15px;
}
.bottom-space {
margin-bottom:30px;	
}


	
}
.no-line {
	text-decoration: none;
}