/**
 * Common Styles Mobile (for even smaller devices like phones)
 * 
 * Created for Arletta van den Bosch. (c) Arletta van den Bosch 2015, all rights reserved.
 * 
 * Created 28-12-15
 * Revised 04-02-16
 */

html {
	font-size: 1em;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.15em;
}

#learnMore {
    display: none;
}

.center.fill section, .extended .center.fill section, .rightSided.center.fill section, .extended .rightSided.center.fill section {
	border-radius: 0;
	margin-top: 17.75%;
	margin-bottom: 2.75%;
	padding: 6%;
	width: 90%;
}

.center.fill {
	max-width: none;
	width: 100%;
	overflow: hidden;
}

.rightSided header.circle, .extended .rightSided header.circle,
header.circle, .extended header.circle {
	width: 98%;
	padding: 0;
	margin: -26.5% 0 10% -0.8em;
	box-shadow: none;
	/*0 0.175em 0.5em rgba(0, 0, 0, 0.2);*/
	border-radius: 100px;
}

.bg-green header.circle {
	border: #b5e632 0.8em solid;
}

.bg-red header.circle {
	border: #eb4313 0.8em solid;
}

.bg-blue header.circle {
	border: #4b94f9 0.8em solid;
}

.circle .circle {
	position: static;
	padding: 5% 2%;
	border-radius: 100px;
	border: white 0.8em solid;
	box-shadow: 0 0.175em 0.5em rgba(0, 0, 0, 0.2);
	color: #fafaf0;
}

.circle hr {
	display: none;
	margin: 5%;
}

.box {
	padding-top: 35%;
}
.box header {
	margin-top: 10%;
}

/* larger titles */
.box header h1 {
	font-size: 2.75em;
}

#title hr {
	margin: 0 0 -5px 0;
}
#title img {
	display: none;
}

#title {
    padding-top:40%;
}

/*
p,
address {
	font-size: 1.1em;
}
*/

section, aside {
    font-size: 1.1em;
}

span.cubano.big {
	font-size: 1.090909em;
	/* within p or address */
}

.spacer aside.box {
	width: 88%;
	margin: 8% 6%;
	padding: 0;
}

.spacer.center {
	width: 100%;
	max-width: none;
}

.spacer aside.box div.vr {
	width: 40%;
	margin: 2% auto;
	height: 0.25em;
	position: static;
}

.spacer aside.box p {
	padding: 2% 0;
}

h2.big {
	font-size: 1.4em;
}

.dot,
.dot-head {
	display: none;
}

#sticky, .sticky ul {
	/* main sticky footer */
	font-size: 9pt;
	height: 48px;
}

.foot-center.center {
	width: 100%;
}
.foot-center h3 {
	padding: 0 0 0 5%;
	font-size: 16pt;
}

#dot-foot {
	height: 10px;
	margin-top: -10px;
	background-repeat: repeat-x;
}

.foot-btn:hover #tel-icon,
.foot-btn #tel-icon {
	background-position: 0 -64px;
}

.foot-btn:hover #map-icon,
.foot-btn #map-icon {
	background-position: -24px -64px;
}

.foot-btn:hover #eml-icon,
.foot-btn #eml-icon {
	background-position: -48px -64px;
}

.sticky ul {
	margin: 0 0 0 0;
	height: 80%;
}

@media (max-width: 23em) {
	html {
		font-size: 0.8em;
	}
}

@media (max-width: 18em) {
	html {
		font-size: 0.65em;
	}
/*
	p,
	address {
		font-size: 1em;
	}
*/
    section, aside {
        font-size: 0.9em;
    }
	span.cubano.big {
		font-size: 1.2em;
		/* within p or address */
	}
}