/* IPHONE 5 / SE */

@media (max-height: 568px) {
	#menuMobile li { margin:0 0 12px 0 }

	.lato30, a.lato30, a.lato30:hover { font-size:1.6rem; font-family:'Lato', sans-serif }
	.lato28, a.lato28, a.lato28:hover { font-size:1.2rem; font-family:'Lato', sans-serif }
	.lato26, a.lato26, a.lato26:hover { font-size:1.1rem; font-family:'Lato', sans-serif }
	.lato24, a.lato24, a.lato24:hover { font-size:1.0rem; font-family:'Lato', sans-serif }
	.lato22, a.lato22, a.lato22:hover { font-size:0.9rem; font-family:'Lato', sans-serif }
	.lato20, a.lato20, a.lato20:hover { font-size:0.8rem; font-family:'Lato', sans-serif }
	.lato18, a.lato18, a.lato18:hover { font-size:0.75rem; font-family:'Lato', sans-serif }
	.font18, a.font18, a.font18:hover { font-size:0.75em }
	.lato16, a.lato16, a.lato16:hover { font-size:0.7rem; font-family:'Lato', sans-serif }
	.font16, a.font16, a.font16:hover { font-size:0.7rem }
	.lato15, a.lato15, a.lato15:hover { font-size:0.65rem; font-family:'Lato', sans-serif }
	.lato14, a.lato14, a.lato14:hover { font-size:0.60rem; font-family:'Lato', sans-serif }
	.lato12, a.lato12, a.lato12:hover { font-size:0.55rem; font-family:'Lato', sans-serif }
	.lato11, a.lato11, a.lato11:hover { font-size:0.50rem; font-family:'Lato', sans-serif }
	.lato10, a.lato10, a.lato10:hover { font-size:0.45rem; font-family:'Lato', sans-serif }

	#socialLeft a,
	#socialLeft a:hover {
	font-size:1.5rem;
	margin:0 12px
	}

	.gm-style-iw {
	position:relative;
	width:220px !important;
	max-width:220px !important;
	text-align:center;
	padding:20px 0 10px 0 !important
	}

	.infoWindowGmap,
	.infoWindowGmap p {
	width:220px !important;
	max-width:220px !important;
	padding:0 !important
	}

	.infoWindowGmap p { margin:0 0 5px 0 }

	#achievementIcon {
	width:75px !important;
	margin:0 20px 0 40px
	}

	.achievement-title { font-size:0.60rem !important }

	.achievement-description { font-size:0.90rem !important }
}

/* IPHONE SE */

@media (max-height: 768px) {
	.gm-style-iw {
	position:relative;
	width:220px !important;
	max-width:220px !important;
	text-align:center;
	padding:20px 0 10px 0 !important
	}

	.infoWindowGmap,
	.infoWindowGmap p {
	width:220px !important;
	max-width:220px !important;
	padding:0 !important
	}

	.infoWindowGmap p { margin:0 0 5px 0 }
}

/* IPHONE SE */

@media (max-height: 667px) {
	.achievement { width:80% !important }

	.achievement-title { font-size:0.60rem !important }

	.achievement-description { font-size:0.90rem !important }

	#achievementIcon {
	width:70px !important;
	margin:0 20px 0 40px
	}

	.gm-style-iw {
	position:relative;
	width:220px !important;
	max-width:220px !important;
	text-align:center;
	padding:20px 0 10px 0 !important
	}

	.infoWindowGmap,
	.infoWindowGmap p {
	width:220px !important;
	max-width:220px !important;
	padding:0 !important
	}

	.infoWindowGmap p { margin:0 0 5px 0 }
}

/* IPHONE 4 */

@media (max-height: 480px) and (max-width: 320px) {
	#menuMobile li { margin:0 0 10px 0 }

	.lato30, a.lato30, a.lato30:hover { font-size:1.6rem; font-family:'Lato', sans-serif }
	.lato28, a.lato28, a.lato28:hover { font-size:1.2rem; font-family:'Lato', sans-serif }
	.lato26, a.lato26, a.lato26:hover { font-size:1.1rem; font-family:'Lato', sans-serif }
	.lato24, a.lato24, a.lato24:hover { font-size:1.0rem; font-family:'Lato', sans-serif }
	.lato22, a.lato22, a.lato22:hover { font-size:0.9rem; font-family:'Lato', sans-serif }
	.lato20, a.lato20, a.lato20:hover { font-size:0.8rem; font-family:'Lato', sans-serif }
	.lato18, a.lato18, a.lato18:hover { font-size:0.75rem; font-family:'Lato', sans-serif }
	.font18, a.font18, a.font18:hover { font-size:0.75em }
	.lato16, a.lato16, a.lato16:hover { font-size:0.7rem; font-family:'Lato', sans-serif }
	.font16, a.font16, a.font16:hover { font-size:0.7rem }
	.lato15, a.lato15, a.lato15:hover { font-size:0.65rem; font-family:'Lato', sans-serif }
	.lato14, a.lato14, a.lato14:hover { font-size:0.60rem; font-family:'Lato', sans-serif }
	.lato12, a.lato12, a.lato12:hover { font-size:0.55rem; font-family:'Lato', sans-serif }
	.lato11, a.lato11, a.lato11:hover { font-size:0.50rem; font-family:'Lato', sans-serif }
	.lato10, a.lato10, a.lato10:hover { font-size:0.45rem; font-family:'Lato', sans-serif }

	#menuMobile li a,
	#menuMobile li a:hover { font-size:0.95rem !important }

	#socialLeft a,
	#socialLeft a:hover {
	font-size:1.5rem;
	margin:0 12px
	}

	.gm-style-iw {
	position:relative;
	width:190px !important;
	max-width:190px !important;
	text-align:center;
	padding:20px 0 10px 0 !important
	}

	.infoWindowGmap,
	.infoWindowGmap p {
	width:190px !important;
	max-width:190px !important;
	padding:0 !important
	}

	.infoWindowGmap p { margin:0 0 5px 0 }

	.achievement { width:90% !important }

	.achievement-title { font-size:0.55rem !important }

	.achievement-description { font-size:0.85rem !important }

	#achievementIcon {
	width:60px !important;
	margin:0 20px 0 40px
	}
}