@import url('https://fonts.googleapis.com/css?family=Special+Elite');

h2 {
font-family: 'Special Elite', cursive;
font-size: 40px;
color: white;
text-decoration: none;
font-weight: normal;
margin-bottom: 15px;
margin-left: 10px;
text-align: center;
}

.welcome {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
background-color: #b4cb17;
border-bottom: white 2px solid;
padding: 7px 25px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
font-weight: bold;
text-align: right;
}

.headerArea {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
background: #2b2b2b url(/images/dots.gif) repeat;
padding: 14px 3px 18px 3px;
}
	.hA1 {
	display: block;
	box-sizing: border-box;
	width: 25%;
	height: auto;
	float: left;
	}
		.logo {
		display: block;
		margin: 0 auto;
		width: 80%;
		height: auto;
		}
		.logo:hover { cursor: pointer; opacity: .8; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
		
	.hA2 {
	display: block;
	box-sizing: border-box;
	width: 75%;
	height: auto;
	float: right;
	} 
	
.mainLinks {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 80%;
height: auto;
margin: 8px auto 0 auto;
}
.link1 a {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
background: rgba(116, 7, 178, 0.8) url(../images/bg-link1.png) 2px 7px no-repeat;
border: white 2px solid;
font-family: 'Roboto', sans-serif;
font-size: 22px;
color: white;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
text-transform: uppercase;
padding: 10px 0 10px 78px;
margin-bottom: 20px;
}
.link2 a {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
vertical-align: middle;
text-transform: uppercase;
background: rgba(8, 118, 131, 0.8) url(../images/bg-link2.png) 2px 6px no-repeat;
border: white 2px solid;
font-family: 'Roboto', sans-serif;
font-size: 22px;
color: white;
text-decoration: none;
font-weight: bold;
padding: 10px 0 10px 78px;
margin-bottom: 20px;
}
.link3 a {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
vertical-align: middle;
text-transform: uppercase;
background: rgba(34, 167, 8, 0.8) url(../images/bg-link3.png) 2px 6px no-repeat;
border: white 2px solid;
font-family: 'Roboto', sans-serif;
font-size: 22px;
color: white;
text-decoration: none;
font-weight: bold;
padding: 10px 0 10px 78px;
margin-bottom: 20px;
}
.link4 a {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
vertical-align: middle;
text-transform: uppercase;
background: rgba(29, 35, 165, 0.8) url(../images/bg-link4.png) 4px 6px no-repeat;
border: white 2px solid;
font-family: 'Roboto', sans-serif;
font-size: 22px;
color: white;
text-decoration: none;
font-weight: bold;
padding: 10px 0 10px 78px;
margin-bottom: 20px;
}
.link5 a {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
vertical-align: middle;
text-transform: uppercase;
background: rgba(58, 153, 188, 0.8) url(../images/bg-link5.png) 4px 7px no-repeat;
border: white 2px solid;
font-family: 'Roboto', sans-serif;
font-size: 22px;
color: white;
text-decoration: none;
font-weight: bold;
padding: 10px 0 10px 78px;
}

	.link1 a:link, .link1 a:visited, .link1 a:active, .link2 a:link, .link2 a:visited, .link2 a:active,
	.link3 a:link, .link3 a:visited, .link3 a:active, .link4 a:link, .link4 a:visited, .link4 a:active,
  .link5 a:link, .link5 a:visited, .link5 a:active {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	}
	.link1 a:hover, .link2 a:hover, .link3 a:hover, .link4 a:hover, .link5 a:hover  {
	cursor: pointer; background-color: rgba(0, 0, 0, 0.6); transition: all 0.5s; }
	
	
	
.destinations {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background-color: #7407b2;
border-bottom: #2b2b2b 5px solid;
padding-top: 14px;
}
.gallery {
display: block;
box-sizing: border-box;
overflow: hidden;
width: 33.333%;
height: auto;	
float: left;
}
.gallery img {
display: block;
width: 100%;
height: auto;
}


/* SECTION 1 */

.section1 {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background: #ffffff url(../images/bg-home-sect.jpg) center bottom no-repeat;
background-attachment: fixed;
padding: 5px 0;
}

.section1Area {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
max-width: 1300px;
height: auto;
margin: 0 auto;
padding: 5px 0;
}
	.florida {
	display: block;
	float: left;
	box-sizing: border-box;
	width: 34%;
	height: auto;
	}
	.florida img {
	width: 100%;
	height: auto;
	}
	.about {
	display: block;
	width: 66%;
	height: auto;
	float: right;
	box-sizing: border-box;
	padding-left: 15px;
	}
	.about p {
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	color: #2b2b2b;
	text-decoration: none;
	font-weight: 500;
	margin-bottom: 22px;
	}
	.about p:last-child {
	margin-bottom: 0;
	}
	p.enjoy {
	font-family: 'Satisfy', cursive;
	font-size: 50px;
	color: #2b2b2b;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 22px;
	}			


/* VISIT FLORIDA */

.visitDesk {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background-color: white;
}
.visitDesk img {
display: block;
width: 100%;
height: auto;
}
.visitTab {
display: none;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background-color: white;
}
.visitTab img {
display: none;
width: 100%;
height: auto;
}


/* QUICK LINKS */

.quickLinks {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background-color: #1d23a5;
padding: 15px 0;
text-align: center;
}
.ql {
display: inline-block;
width: 383px;
height: 344px;
margin-right: 25px;
}
.ql img {
width: 100%;
height: auto;
}
.ql#last {
margin-right: 0;
}
.ql:hover {
opacity: .6;
cursor: pointer;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;	
}


/*  MEDIA QUERIES */

@media screen and (max-width: 1775px) {
	.section1 {
	background-size: contain;
	}
}
@media screen and (max-width: 1759px) {
	#wowslider-container2 {
	transform: translateY(5%);
	}
}
@media screen and (max-width: 1715px) {
	#wowslider-container2 {
	transform: translateY(5%);
	}
}
@media screen and (max-width: 1665px) {
	#wowslider-container2 {
	transform: translateY(5%);
	}
}
@media screen and (max-width: 1615px) {
	#wowslider-container2 {
	transform: translateY(5%);
	}
}
@media screen and (max-width: 1565px) {
	#wowslider-container2 {
	transform: translateY(5%);
	}
}
@media screen and (max-width: 1534px) {
	#wowslider-container2 {
	transform: translateY(5%);
	}
}
@media screen and (max-width: 1500px) {
	.hA1, .hA2 {
	clear: both;
	overflow: hidden;
	width: 100%;
	float: none;
	}
	.logo {
	width: 36%;
	}
	.mainLinks {
	width: 40%;
	}
	#wowslider-container2 .ws_bullets {
	display: none;
	}
	#wowslider-container2 .ws-title{
	font: 1.2em 'Roboto', sans-serif;
	bottom: 30px;
	}
)	
@media screen and (max-width: 1280px) {
	.gallery {
	width: 50%;
	}
}
@media screen and (max-width: 1190px) {
	.ql {
	width: 30%;
	height: auto;
	}
}
@media screen and (max-width: 1120px) {
	.mainLinks {
	width: 70%;
	}
	.link1 a, .link2 a, .link3 a, .link4 a, .link5 a {
	padding: 10px 0 10px 78px;
	letter-spacing: 2px;
	}
}
@media screen and (max-width: 1052px) {
	.logo {
	width: 50%;
	}
}	
@media screen and (max-width: 1035px) {
	.link1 a, .link2 a, .link3 a, .link4 a {
	margin-bottom: 10px;
	}
}
@media screen and (max-width: 920px) {
	.link1 a, .link2 a, .link3 a, .link4 a {
	margin-bottom: 20px;
	}
}
@media screen and (max-width: 800px) {
	.logo {
	width: 60%;
	}
	.section1Area {
	max-width: none;
	width: 100%;
	}
	.florida {
	float: none;
	width: 100%;
	clear: both;
	text-align: center;
	}
	.florida img {
	width: 452px;
	}	
	.about {
	float: none;	
	width: 100%;
	clear: both;
	}
	.visitDesk {
	display: none;
	}
	.visitDesk img {
	display: none;
	}
	.visitTab {
	display: block;
	}
	.visitTab img {
	display: block;
	}	
}
@media screen and (max-width: 650px) {
	.logo {
	width: 75%;
	}
	.mainLinks {
	width: 90%;
	}
	.ql {
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	width: 383px;
	height: 344px;
	margin-right: 0;
	margin: 0 auto;
	}
}
@media screen and (max-width: 640px) {
	.gallery {
	float: none;
	width: 100%;
	height: auto;
	}
	.gallery img {
	margin-bottom: 12px;
	}
	.section1 {
	background-attachment: scroll;
	}
}
@media screen and (max-width: 495px) {
	.logo {
	width: 95%;
	}
	.mainLinks {
	width: 95%;
	}
	.florida img {
	width: 70%;
	}
	p.enjoy {
	font-size: 36px;
	}	
}
@media screen and (max-width: 390px) {
	.ql {
	width: 100%;
	height: auto;
	}
}