/* Bootstrap customization */

.nav a {
    color:#fff!important;
    }
	
a:focus, a:hover {
	color:#f5993a;
	
}

.modal-body a {
	color:#f8cd6a;
	
}

.modal-content {
	

	
	background:#03a8cb;
	background-image:url('../img/coast_BG.png');
	background-size:cover;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	padding:35px;
}

.btn-default {
	margin:25px 0;
	
}

.modal-content b {
	color:#f8cd6a;
}

/* coast- */

@font-face {
    font-family: 'fishermanregular';
    src: url('../fonts/fisherman-webfont.woff2') format('woff2'),
         url('../fonts/fisherman-webfont.woff') format('woff');
    font-weight: normal;
    font-style:  normal;

}

.coast-map {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08a9cb+0,5cc2d6+100 */
		
	background: #71ccda; /* Old browsers */
	background: -moz-linear-gradient(top, #71ccda 0%, #0ba8cb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #71ccda 0%,#0ba8cb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #71ccda 0%,#0ba8cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71ccda', endColorstr='#0ba8cb',GradientType=0 ); /* IE6-9 */
	height:1250px;
	overflow:hidden;
	padding:0;


}	

@keyframes animatedBackground {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#coast-waves {
	width:100%;
	height:1250px;
	background-image:url('../img/vector-water-background.png');
	background-repeat:repeat;
	background-position: 0px 0px;
	
	/*animation: animatedBackground 100s linear infinite;
    -moz-animation: animatedBackground 100s linear infinite;
    -webkit-animation: animatedBackground 100s linear infinite;
    -ms-animation: animatedBackground 100s linear infinite;
    -o-animation: animatedBackground 100s linear infinite;*/
	
	animation: animatedBackground 70s ease infinite;
	
  -webkit-animation-name: animatedBackground;
  -webkit-animation-duration: 80s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
	
}

.modal-body img {
	max-width:100%;
	border:2px solid #f8cd6a;
	}

.coast-map .col-xs-12 {
	/*border:1px solid pink;*/
}

.coast-map-stateillus {
  display: block;
  position: relative;
  width: 700px;
  height: 671px;
  top: -50px;
  left: -400px;
  
	
}



.coast-map-scale {
	width:160px;
	z-index:5;
	position:absolute;
	top:530px;
	left:10px;

}

.coast-map-compass {
	width:99px;
	z-index:5;
	position:absolute;
	top:400px;
	left:10px;
	
	/*-webkit-animation: compass-spin 3s ease-in-out infinite both;
	   animation: compass-spin 3s ease-in-out infinite both;
	   -moz-animation: compass-spin 3s ease-in-out infinite both;*/
}

@-moz-keyframes compass-spin {
	0% { -moz-transform: rotate(0deg); }
	10% { -moz-transform: rotate(-15deg); }
	15% { -moz-transform: rotate(25deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes compass-spin {
    0% { -webkit-transform: rotate(0deg); }
	10% { -webkit-transform: rotate(-15deg); }
	15% { -webkit-transform: rotate(25deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes compass-spin {
     0% { transform: rotate(0deg); }
	10% { transform: rotate(-15deg); }
	15% { transform: rotate(35deg); }
	22% { transform: rotate(0deg); }
	30% { transform: rotate(-45deg); }
	40% { transform: rotate(0deg); }
	50% { transition-delay: 2s; }
    100% { transform: rotate(360deg); }
}

.coast-map-point {
color:#f8cd6a;
font-size:24px;
z-index:4;
-webkit-animation: baseping 2s ease-in-out infinite both;
	        animation: baseping 2s ease-in-out infinite both;
}

.coast-map-point:hover {
	color:#f5993a;
	
	
	-webkit-animation: ping 0.8s ease-in-out infinite both;
	        animation: ping 0.8s ease-in-out infinite both;

}
.linkfix a:active {color:#f5993a!important;}

.linkfix a:visited {color:#f5993a!important;}

.linkfix a:selection {color:#f5993a!important;}

/* Map point template

#coast-map-point-Rivers {
position:absolute;
top:250px;
left:200px;
 
}

*/

/* ----------------------------------------------
 * Generated by Animista on 2018-9-17 11:6:26
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation ping
 * ----------------------------------------
 */
@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
   
  }
}


/**
 * ----------------------------------------
 * animation baseping
 * ----------------------------------------
 */


@-webkit-keyframes baseping {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    
  }
}
@keyframes baseping {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    
  }
	50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
   
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
   
  }
}



.coast-intro-wrap {
	background:#2d507f url("../img/coast-into-background.jpg");
	background-size:cover;
	
	border-bottom:15px solid #f8cd6a;
}

.coast-intro-wrap .col-xs-12 {
	background:url("../img/dots-bg2.png") no-repeat;
	background-position:bottom right;
	padding-top:105px;
	padding-bottom:35px;
	
}

.coast-intro-wrap h1 {
 color:#fff;
 font-family: 'Montserrat', sans-serif;
 font-size:32px;

}

.coast-intro-wrap h1 img {
	width:80px;
}

.coast-intro-wrap p {
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:12px
}



.coast-nitrogentext {
	color:#f8cd6a;
	/*font-family: 'fishermanregular', sans-serif;*/
	font-family: 'Courgette', cursive;

}

.coast-solution {
	background:#03a8cb;
}

.coast-solution h2 {
 color:#f8cd6a;
}

.coast-solution p {
	color:#fff;
}


/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap*/

.coast-map-legend {
	padding:15px;
	background:rgb(255, 255, 255, 0.8);
	border:2px solid #d94a36;
	font-family: 'Poppins', sans-serif;
	color:#000;
	width:240px;
	position:absolute;
	top:640px;
	left:20px;
	z-index:14;
}

.coast-map-legend h4 {
	color:#d94a36;
	/*font-family: 'fishermanregular', sans-serif;*/
	font-family: 'Courgette', cursive;
	font-size:32px;
	text-align:center;
}

.coast-map-legend-yellow {
	width:100%;
	border-top:3px dashed #f8cd6a;
	margin-top:15px;
	margin-right:15px;
	margin-bottom:20px;
}

.coast-map-legend-arrow {
	width:60px;
	margin-right:35px;
	
}

.coast-map-legend-arrow-red {
	width:60px;
	margin-right:35px;
	
}

.coast-map-legend-red {
	width:100%;
	border-top:3px dashed #d94a36;
	margin-top:15px;
	margin-right:15px;
	margin-bottom:20px;
}

.coast-map-legend p {
	display:block;
	font-size:10px;
}



.coast-map-c43 {
	position:absolute;
	width:35px;
	top:333px;
	left:156px;
	z-index:14;
	
}

.coast-map-c44 {
	position:absolute;
	width:35px;
	top:309px;
	left:249px;
	z-index:14;
}

.coast-map-arrow {}

#coast-map-arrow-89 {
		width:42px;
		position:absolute;
		top:310px;
		left:210px;
		z-index:20;
		transform: rotate(-15deg);
	}



	#coast-map-arrow-53 {
		width:35px;
		position:absolute;
		top:370px;
		left:180px;
		z-index:20;
		transform: rotate(70deg);
	}

	#coast-map-arrow-25 {
		width:26px;
		position:absolute;
		top:345px;
		left:270px;
		z-index:20;
		transform: rotate(-110deg);
	}

	#coast-map-arrow-22 {
		width:25px;
		position:absolute;
		top:395px;
		left:230px;
		z-index:20;
		transform: rotate(0deg);
	}

	#coast-map-arrow-18 {
		width:20px;
		position:absolute;
		top:440px;
		left:220px;
		z-index:20;
		transform: rotate(10deg);
	}

	#coast-map-arrow-4 {
		width:15px;
		position:absolute;
		top:440px;
		left:255px;
		z-index:20;
		transform: rotate(-10deg);
	}
	
	

	#coast-map-arrow-89-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:10px;
		color:#fff;
		position:absolute;
		top:327px;
		left:220px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-53-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:10px;
		color:#000;
		position:absolute;
		top:383px;
		left:193px;
		z-index:21;
		transform: rotate(-17deg);
		
	}



	#coast-map-arrow-25-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:8px;
		color:#000;
		position:absolute;
		top:356px;
		left:271px;
		z-index:21;
		transform: rotate(-20deg);
		
	}



	#coast-map-arrow-22-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:8px;
		color:#000;
		position:absolute;
		top:399px;
		left:235px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-18-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:14px;
		color:#000;
		position:absolute;
		top:-840px;
		left:-1025px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-4-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:12px;
		color:#000;
		position:absolute;
		top:-835px;
		left:-1105px;
		z-index:21;
		transform: rotate(0deg);
		
	}
	
#coast-map-point-Rivers::hover { color:#b32918; }

#coast-map-point-Pensacola { position:absolute; top:-2060px; left:-300px; animation-delay: 1s; }

#coast-map-point-FloridaSprings { position:absolute; top:120px; left:155px; animation-delay: 0.5s; }

#coast-map-point-Crystal { position:absolute; top:150px; left:60px; animation-delay: 0.7s; }

#coast-map-point-Tampa { position:absolute; top:260px; left:50px; animation-delay: 0.5s; }

#coast-map-point-Lee { position:absolute; top:384px; left:146px; animation-delay: 1s; }

#coast-map-point-Kissimmee { position:absolute; top:180px; left:155px; animation-delay: 0.8s; }

#coast-map-point-Caloosahatchee { position:absolute; top:400px; left:120px; animation-delay: 1s; }

#coast-map-point-FloridaBay { position:absolute; top:550px; left:210px; animation-delay: 0.6s; } 

#coast-map-point-Everglades { position:absolute; top:490px; left:230px; animation-delay: 1s; }

#coast-map-point-FloridaKeys { position:absolute; top:590px; left:137px; animation-delay: 1.4s; }

#coast-map-point-Looe { position:absolute; top:590px; left:178px; animation-delay: 1.4s; }

#coast-map-point-Indian { position:absolute; top:200px; left:245px; animation-delay: 1s; }

#coast-map-point-Brevard { position:absolute; top:230px; left:255px; animation-delay: 0.7s; }

#coast-map-point-Rivers { color:#d93b27; position:absolute; top:360px; left:230px; animation-delay: 1.3s; }

#coast-map-point-Miami { position:absolute; top:436px; left:300px; animation-delay: 1.5s; }

#coast-map-point-StLucie { position:absolute; top:335px; left:300px; }

#coast-map-point-SanibelIsland { position:absolute; top:400px; left:120px; animation-delay: 1.3s;  }

#coast-map-point-FtMyers { position:absolute; top:384px; left:146px; animation-delay: 1s; }


	.coast-map-label {
	color:#000;
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
	z-index:9;
	position:absolute;
	font-family: 'Poppins', sans-serif;
	display:block;
	white-space: nowrap;
	box-sizing: border-box;
	}


	#coast-lbl-lake-okeechobee {  top:287px; left:176px; }

	#coast-lbl-shark-slough { top:460px; left:161px; transform: rotate(-80deg); }

	#coast-lbl-taylor-slough { top:496px; left:238px; transform: rotate(-80deg); }

	#coast-lbl-st-lucie { top:331px; left:257px; transform: rotate(-20deg); }

	#coast-lbl-caloosahatchee { top:367px; left:125px; transform: rotate(-15deg); }
	
	.coast-intro-wrap h1 { font-size:32px;  }
	.coast-intro-wrap h1 img { width:85px; }
	.coast-intro-wrap p { font-size:12px; }
	
	.coast-nitrogentext-fix {
		font-weight:bold;
		font-style:italic;
		color:#f8cd6a;
	}
	
	.coast-map-dolphin {
		width:220px;
		z-index:4;
		position:absolute;
		top:600px;
		left:300px;
	}
	
	.coast-map-whale {
		width:320px;
		z-index:2;
		position:absolute;
		top:300px;
		left:1100px;
	}
	
	#myModal h2 {
		font-size:42px;
		text-align:center;
	}
	
	.modal-body p {
		font-size:12px;
		text-align:justify;
		
	}
	
	

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

	.coast-map {
		height:1060px;
	}	
	
	#coast-waves {
	width:100%;
	height:1060px;
	
	}

	.coast-map-stateillus {
	  width: 800px;
	  height: 671px;
	  top: -50px;
	  left: -300px;
	}
	
	.coast-map-scale {
		width:180px;
		z-index:5;
		position:absolute;
		top:600px;
		left:100px;
		
	}

	.coast-map-compass {
		width:99px;
		z-index:5;
		position:absolute;
		top:500px;
		left:10px;
	}
	
	#coast-map-point-Pensacola { position:absolute; top:60px; left:-300px; }

	#coast-map-point-FloridaSprings { position:absolute; top:32px; left:45px; }

	#coast-map-point-Crystal { position:absolute; top:145px; left:225px; }

	#coast-map-point-Tampa { position:absolute; top:250px; left:210px; }

	#coast-map-point-Lee { position:absolute; top:384px; left:146px; }

	#coast-map-point-Kissimmee { position:absolute; top:190px; left:335px; }

	#coast-map-point-Caloosahatchee { position:absolute; top:400px; left:290px; }

	#coast-map-point-FloridaBay { position:absolute; top:560px; left:410px; } 

	#coast-map-point-Everglades { position:absolute; top:470px; left:420px; }

	#coast-map-point-FloridaKeys { position:absolute; top:590px; left:316px; }

	#coast-map-point-Looe { position:absolute; top:590px; left:350px; }

	#coast-map-point-Indian { position:absolute; top:200px; left:440px; }

	#coast-map-point-Brevard { position:absolute; top:230px; left:445px; }

	#coast-map-point-Rivers { position:absolute; top:360px; left:420px; }

	#coast-map-point-Miami { position:absolute; top:440px; left:495px; }
	
	#coast-map-point-StLucie { position:absolute; top:328px; left:500px; }
	
	#coast-map-point-SanibelIsland { position:absolute; top:400px; left:285px;  }
	
	#coast-map-point-FtMyers { position:absolute; top:384px; left:322px; }
	
	.coast-map-label {
	color:#000;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	z-index:9;
	position:absolute;
	font-family: 'Poppins', sans-serif;
	display:block;
	white-space: nowrap;
	box-sizing: border-box;
	}


	#coast-lbl-lake-okeechobee {  top:294px; left:363px; }

	#coast-lbl-shark-slough { top:461px; left:347px; transform: rotate(-80deg); }

	#coast-lbl-taylor-slough { top:500px; left:429px; transform: rotate(-80deg); }

	#coast-lbl-st-lucie { top:370px; left:453px; transform: rotate(-20deg); }

	#coast-lbl-caloosahatchee { top:410px; left:317px; transform: rotate(-15deg); }
	
	.coast-map-legend {
		padding:15px;
		background:rgb(255, 255, 255, 0.8);
		border:2px solid #d94a36;
		font-family: 'Poppins', sans-serif;
		color:#000;
		width:320px;
		position:absolute;
		top:680px;
		left:30px;
		z-index:14;
	}

	.coast-map-legend h4 {
		color:#d94a36;
		/*font-family: 'fishermanregular', sans-serif;*/
		font-family: 'Courgette', cursive;
		font-size:32px;
		text-align:center;
	}

	.coast-map-legend-yellow {
		width:100px;
		border-top:3px dashed #f8cd6a;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}

	.coast-map-legend-arrow {
		width:60px;
		margin-right:45px;
		
	}
	
	.coast-map-legend-arrow-red {
		width:60px;
		margin-right:45px;
		
	}
	
	.coast-map-legend p {
	display:block;
	font-size:10px;
}

	.coast-map-legend-red {
		width:100px;
		border-top:3px dashed #d94a36;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}
	
	.coast-map-c43 {
	position:absolute;
	width:45px;
	top:349px;
	left:332px;
	z-index:14;
	
}

.coast-map-c44 {
	position:absolute;
	width:45px;
	top:313px;
	left:441px;
	z-index:14;
}

	.coast-map-legend p {
		display:block;
	}
	
	#coast-map-arrow-89 {
		width:40px;
		position:absolute;
		top:310px;
		left:400px;
		z-index:20;
		transform: rotate(-15deg);
	}



	#coast-map-arrow-53 {
		width:35px;
		position:absolute;
		top:360px;
		left:370px;
		z-index:20;
		transform: rotate(77deg);
	}

	#coast-map-arrow-25 {
		width:26px;
		position:absolute;
		top:340px;
		left:470px;
		z-index:20;
		transform: rotate(-110deg);
	}

	#coast-map-arrow-22 {
		width:29px;
		position:absolute;
		top:395px;
		left:425px;
		z-index:20;
		transform: rotate(0deg);
	}

	#coast-map-arrow-18 {
		width:20px;
		position:absolute;
		top:440px;
		left:405px;
		z-index:20;
		transform: rotate(10deg);
	}

	#coast-map-arrow-4 {
		width:15px;
		position:absolute;
		top:440px;
		left:455px;
		z-index:20;
		transform: rotate(-10deg);
	}
	
	

	#coast-map-arrow-89-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:11px;
		color:#fff;
		position:absolute;
		top:331px;
		left:411px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-53-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:11px;
		color:#000;
		position:absolute;
		top:373px;
		left:379px;
		z-index:21;
		transform: rotate(-10deg);
		
	}



	#coast-map-arrow-25-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:9px;
		color:#000;
		position:absolute;
		top:352px;
		left:476px;
		z-index:21;
		transform: rotate(-10deg);
		
	}



	#coast-map-arrow-22-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:8px;
		color:#000;
		position:absolute;
		top:410px;
		left:432px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-18-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:14px;
		color:#000;
		position:absolute;
		top:-840px;
		left:-1025px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-4-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:12px;
		color:#000;
		position:absolute;
		top:-835px;
		left:-1105px;
		z-index:21;
		transform: rotate(0deg);
		
	}
	
	.coast-map-dolphin {
		width:220px;
		z-index:4;
		position:absolute;
		top:600px;
		left:300px;
	}
	
	.coast-map-whale {
		width:320px;
		z-index:2;
		position:absolute;
		top:300px;
		left:1100px;
	}

	
	.coast-intro-wrap h1 { font-size:34px; }
	.coast-intro-wrap h1 img { width:100px; }
	.coast-intro-wrap p { font-size:12px; }
	
		.modal-body p {
		font-size:12px;
		text-align:justify;
		
	}

} /* end Small devices */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.coast-map {
		height:720px;
	}	
	
	#coast-waves {
	width:100%;
	height:720px;
	
	}

	.coast-map-stateillus {
	  width: 760px;
	  height: 671px;
	  top: -50px;/*40*/
	  left: -20px;
	}
	
	.coast-map-scale {
		width:180px;
		z-index:5;
		position:absolute;
		top:560px;
		left:200px;
		
	}

	.coast-map-compass {
		width:160px;
		z-index:5;
		position:absolute;
		top:460px;
		left:10px;
	}
	
	#coast-map-point-Pensacola { position:absolute; top:5px; left:35px; }

	#coast-map-point-FloridaSprings { position:absolute; top:23px; left:302px; }

	#coast-map-point-Crystal { position:absolute; top:150px; left:480px; }

	#coast-map-point-Tampa { position:absolute; top:270px; left:470px; }

	#coast-map-point-Lee { position:absolute; top:385px; left:564px; }

	#coast-map-point-Kissimmee { position:absolute; top:180px; left:590px; }

	#coast-map-point-Caloosahatchee { position:absolute; top:405px; left:545px; }

	#coast-map-point-FloridaBay { position:absolute; top:560px; left:640px; } 

	#coast-map-point-Everglades { position:absolute; top:470px; left:680px; }

	#coast-map-point-FloridaKeys { position:absolute; top:590px; left:571px; }

	#coast-map-point-Looe { position:absolute; top:590px; left:600px; }

	#coast-map-point-Indian { position:absolute; top:200px; left:670px; }

	#coast-map-point-Brevard { position:absolute; top:230px; left:690px; }

	#coast-map-point-Rivers { position:absolute; top:360px; left:665px; }

	#coast-map-point-Miami { position:absolute; top:470px; left:730px; }
	
	#coast-map-point-StLucie {position:absolute; top:324px; left:737px; }
	
	#coast-map-point-SanibelIsland { position:absolute; top:405px; left:545px;  }
	
	#coast-map-point-FtMyers { position:absolute; top:385px; left:564px; }
	
	.coast-map-label {
	color:#000;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	z-index:9;
	position:absolute;
	font-family: 'Poppins', sans-serif;
	display:block;
	white-space: nowrap;
	box-sizing: border-box;
	}


	#coast-lbl-lake-okeechobee {  top:296px; left:621px; }

	#coast-lbl-shark-slough { top:460px; left:591px; transform: rotate(-85deg); }

	#coast-lbl-taylor-slough { top:497px; left:678px; transform: rotate(-85deg); }

	#coast-lbl-st-lucie { top:368px; left:694px; transform: rotate(-10deg); }

	#coast-lbl-caloosahatchee { top:413px; left:562px; transform: rotate(-19deg); }
	
	.coast-map-legend {
		padding:15px;
		background:rgb(255, 255, 255, 0.8);
		border:2px solid #d94a36;
		font-family: 'Poppins', sans-serif;
		color:#000;
		width:320px;
		position:absolute;
		top:100px;
		left:50px;
		z-index:14;
	}

	.coast-map-legend h4 {
		color:#d94a36;
		/*font-family: 'fishermanregular', sans-serif;*/
		font-family: 'Courgette', cursive;
		font-size:32px;
		text-align:center;
	}

	.coast-map-legend-yellow {
		border-top:3px dashed #f8cd6a;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}

	.coast-map-legend-arrow {
		width:60px;
		margin-right:45px;
		
	}
	
	.coast-map-legend-arrow-red {
		width:60px;
		margin-right:45px;
		
	}

	.coast-map-legend-red {
		
		border-top:3px dashed #d94a36;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}

	.coast-map-legend p {
	display:block;
	font-size:12px;
}
	
	#coast-map-arrow-89 {
		width:40px;
		position:absolute;
		top:310px;
		left:650px;
		z-index:20;
		transform: rotate(-10deg);
	}



	#coast-map-arrow-53 {
		width:35px;
		position:absolute;
		top:370px;
		left:600px;
		z-index:20;
		transform: rotate(77deg);
	}

	#coast-map-arrow-25 {
		width:26px;
		position:absolute;
		top:340px;
		left:710px;
		z-index:20;
		transform: rotate(-110deg);
	}

	#coast-map-arrow-22 {
		width:29px;
		position:absolute;
		top:395px;
		left:661px;
		z-index:20;
		transform: rotate(0deg);
	}

	#coast-map-arrow-18 {
		width:20px;
		position:absolute;
		top:440px;
		left:650px;
		z-index:20;
		transform: rotate(10deg);
	}

	#coast-map-arrow-4 {
		width:15px;
		position:absolute;
		top:440px;
		left:695px;
		z-index:20;
		transform: rotate(-10deg);
	}
	
	

	#coast-map-arrow-89-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:12px;
		color:#fff;
		position:absolute;
		top:320px;
		left:657px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-53-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:12px;
		color:#000;
		position:absolute;
		top:381px;
		left:610px;
		z-index:21;
		transform: rotate(-10deg);
		
	}



	#coast-map-arrow-25-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:10px;
		color:#000;
		position:absolute;
		top:349px;
		left:710px;
		z-index:21;
		transform: rotate(-20deg);
		
	}



	#coast-map-arrow-22-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:9px;
		color:#000;
		position:absolute;
		top:402px;
		left:666px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-18-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:14px;
		color:#000;
		position:absolute;
		top:-840px;
		left:-1025px;
		z-index:21;
		transform: rotate(0deg);
		
	}



	#coast-map-arrow-4-num {
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		font-size:12px;
		color:#000;
		position:absolute;
		top:-835px;
		left:-1105px;
		z-index:21;
		transform: rotate(0deg);
		
	}
	
	.coast-map-dolphin {
		width:220px;
		z-index:4;
		position:absolute;
		top:600px;
		left:300px;
	}
	
	.coast-map-whale {
		width:320px;
		z-index:2;
		position:absolute;
		top:300px;
		left:1100px;
	}

	
	.coast-intro-wrap h1 { font-size:34px; }
	.coast-intro-wrap h1 img { width:100px; }
	.coast-intro-wrap p { font-size:12px; }
	
		.modal-body p {
		font-size:14px;
		text-align:justify;
		
	}

} /* end Medium devices */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.coast-map {
		height:900px;
		background-color:blue;
	}	
	
	#coast-waves {
	width:100%;
	height:900px;
	
	}
	

	.coast-map-stateillus {
	  width: 930px;
	  height: 891px;
	  top: -60px;
	  left: -20px;
	}
	
	.coast-map-scale {
		width:180px;
		z-index:5;
		position:absolute;
		top:770px;
		left:300px;
		
	}

	.coast-map-compass {
		width:180px;
		z-index:5;
		position:absolute;
		top:670px;
		left:10px;
	}
	
	#coast-map-point-Pensacola { position:absolute; top:15px; left:35px; }

	#coast-map-point-FloridaSprings { position:absolute; top:48px; left:373px; }

	#coast-map-point-Crystal { position:absolute; top:220px; left:590px; }

	#coast-map-point-Tampa { position:absolute; top:370px; left:590px; }

	#coast-map-point-Lee { position:absolute; top:520px; left:690px; }

	#coast-map-point-Kissimmee { position:absolute; top:250px; left:710px; }

	#coast-map-point-Caloosahatchee { position:absolute; top:530px; left:675px; }

	#coast-map-point-FloridaBay { position:absolute; top:745px; left:800px; } 

	#coast-map-point-Everglades { position:absolute; top:670px; left:825px; }

	#coast-map-point-FloridaKeys { position:absolute; top:800px; left:699px; }

	#coast-map-point-Looe { position:absolute; top:800px; left:750px; }

	#coast-map-point-Indian { position:absolute; top:300px; left:840px; }

	#coast-map-point-Brevard { position:absolute; top:260px; left:830px; }

	#coast-map-point-Rivers { position:absolute; top:480px; left:815px; }

	#coast-map-point-Miami { position:absolute; top:573px; left:904px; }
	
	#coast-map-point-StLucie {position:absolute; top:448px; left:903px; }
	
	#coast-map-point-SanibelIsland { position:absolute; top:545px; left:668px; }
	
	#coast-map-point-FtMyers { position:absolute; top:520px; left:690px; }
	
	.coast-map-label {
	color:#000;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	z-index:9;
	position:absolute;
	font-family: 'Poppins', sans-serif;
	display:block;
	white-space: nowrap;
	box-sizing: border-box;
	}


	#coast-lbl-lake-okeechobee {  top:455px; left:710px; }

	#coast-lbl-shark-slough { top:611px; left:720px; transform: rotate(-80deg); }

	#coast-lbl-taylor-slough { top:671px; left:820px; transform: rotate(-80deg); }

	#coast-lbl-st-lucie { top:490px; left:860px; transform: rotate(-20deg); }

	#coast-lbl-caloosahatchee { top:545px; left:690px; transform: rotate(-15deg); }
	
	.coast-map-c43 {
	position:absolute;
	width:65px;
	top:470px;
	left:720px;
	z-index:14;
	
	}

	.coast-map-c44 {
		position:absolute;
		width:65px;
		top:410px;
		left:830px;
		z-index:14;
	}
	
	.coast-map-legend {
		padding:15px;
		background:rgb(255, 255, 255, 0.8);
		border:2px solid #d94a36;
		font-family: 'Poppins', sans-serif;
		color:#000;
		width:320px;
		position:absolute;
		top:270px;
		left:50px;
		z-index:14;
	}

	.coast-map-legend h4 {
		color:#d94a36;
		/*font-family: 'fishermanregular', sans-serif;*/
		font-family: 'Courgette', cursive;
		font-size:32px;
		text-align:center;
	}

	.coast-map-legend-yellow {
		border-top:3px dashed #f8cd6a;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}

	.coast-map-legend-arrow {
		width:60px;
		margin-right:45px;
		
	}
	
		.coast-map-legend-arrow-red {
		width:60px;
		margin-right:45px;
		
	}

	.coast-map-legend-red {
		
		border-top:3px dashed #d94a36;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}

	.coast-map-legend p {
	display:block;
	font-size:14px;
}
	
		#coast-map-arrow-89 {
		width:45px;
		position:absolute;
		top:400px;
		left:780px;
		z-index:20;
		transform: rotate(-10deg);
	}



	#coast-map-arrow-53 {
		width:44px;
		position:absolute;
		top:490px;
		left:760px;
		z-index:20;
		transform: rotate(77deg);
	}

	#coast-map-arrow-25 {
		width:35px;
		position:absolute;
		top:455px;
		left:870px;
		z-index:20;
		transform: rotate(-110deg);
	}

	#coast-map-arrow-22 {
		width:38px;
		position:absolute;
		top:520px;
		left:815px;
		z-index:20;
		transform: rotate(0deg);
	}

	#coast-map-arrow-18 {
		width:25px;
		position:absolute;
		top:600px;
		left:805px;
		z-index:20;
		transform: rotate(10deg);
	}

	#coast-map-arrow-4 {
		width:15px;
		position:absolute;
		top:600px;
		left:850px;
		z-index:20;
		transform: rotate(-5deg);
	}
	
	

#coast-map-arrow-89-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	position:absolute;
	top:415px;
	left:790px;
	z-index:21;
	transform: rotate(0deg);
	
}



#coast-map-arrow-53-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#000;
	position:absolute;
	top:505px;
	left:775px;
	z-index:21;
	transform: rotate(-10deg);
	
}



#coast-map-arrow-25-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#000;
	position:absolute;
	top:468px;
	left:875px;
	z-index:21;
	transform: rotate(-20deg);
	
}



#coast-map-arrow-22-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#000;
	position:absolute;
	top:543px;
	left:824px;
	z-index:21;
	transform: rotate(0deg);
	
}



#coast-map-arrow-18-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#000;
	position:absolute;
	top:-840px;
	left:-1025px;
	z-index:21;
	transform: rotate(0deg);
	
}



#coast-map-arrow-4-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000;
	position:absolute;
	top:-835px;
	left:-1105px;
	z-index:21;
	transform: rotate(0deg);
	
}

	.coast-map-dolphin {
		width:220px;
		z-index:4;
		position:absolute;
		top:600px;
		left:300px;
	}
	
	.coast-map-whale {
		width:320px;
		z-index:2;
		position:absolute;
		top:300px;
		left:1100px;
	}


.coast-intro-wrap h1 { font-size:40px; }
.coast-intro-wrap h1 img { width:140px; }
.coast-intro-wrap p { font-size:12px; }

	.modal-body p {
		font-size:18px;
		text-align:justify;
		
	}

} /* end Large devices */


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

	.coast-map {
		height:1300px;
		
	}	
	
	#coast-waves {
	width:100%;
	height:1300px;
	
	}


	.coast-map-stateillus {
	  width: 1400px;
	  height: 1342px;
	  top: -100px;
	  left: -200px;
	} 
	
	.coast-map-scale {
		width:260px;
		z-index:5;
		position:absolute;
		top:1050px;
		left:400px;
		
	}

	.coast-map-compass {
		width:220px;
		z-index:5;
		position:absolute;
		top:930px;
		left:200px;
	}
	
	#coast-map-point-Pensacola { position:absolute; top:10px; left:-100px; }

	#coast-map-point-FloridaSprings { position:absolute; top:57px; left:397px; }

	#coast-map-point-Crystal { position:absolute; top:330px; left:720px; }

	#coast-map-point-Tampa { position:absolute; top:550px; left:700px; }

	#coast-map-point-Lee { position:absolute; top:790px; left:860px; }

	#coast-map-point-Kissimmee { position:absolute; top:390px; left:910px; }

	#coast-map-point-Caloosahatchee { position:absolute; top:800px; left:850px; }

	#coast-map-point-FloridaBay { position:absolute; top:1130px; left:1030px; } 

	#coast-map-point-Everglades { position:absolute; top:950px; left:1080px; }

	#coast-map-point-FloridaKeys { position:absolute; top:1213px; left:886px; }

	#coast-map-point-Looe { position:absolute; top:1190px; left:950px; }

	#coast-map-point-Indian { position:absolute; top:470px; left:1090px; }

	#coast-map-point-Brevard { position:absolute; top:410px; left:1070px; }

	#coast-map-point-Rivers { position:absolute; top:730px; left:1070px; }

	#coast-map-point-Miami { position:absolute; top:842px; left:1196px; }
	
	#coast-map-point-StLucie {position:absolute; top:699px; left:1181px; }
		
	#coast-map-point-SanibelIsland { position:absolute; top:823px; left:830px; }
	
	#coast-map-point-FtMyers { position:absolute; top:790px; left:860px; }
	
	
	
	
	
	
	.coast-map-label {
	color:#000;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	z-index:9;
	position:absolute;
	font-family: 'Poppins', sans-serif;
	display:block;
	white-space: nowrap;
	box-sizing: border-box;
	}


	#coast-lbl-lake-okeechobee {  top:700px; left:1010px; }

	#coast-lbl-shark-slough { top:942px; left:940px; transform: rotate(-68deg); }

	#coast-lbl-taylor-slough { top:1012px; left:1071px; transform: rotate(-80deg); }

	#coast-lbl-st-lucie { top:750px; left:1100px; transform: rotate(-18deg); }

	#coast-lbl-caloosahatchee { top:790px; left:880px; transform: rotate(-15deg); }
	
	.coast-map-c43 {
	position:absolute;
	width:75px;
	top:710px;
	left:920px;
	z-index:14;
	
	}

	.coast-map-c44 {
		position:absolute;
		width:75px;
		top:650px;
		left:1100px;
		z-index:14;
	}
	
	.coast-map-legend {
		padding:15px;
		background:rgb(255, 255, 255, 0.8);
		border:2px solid #d94a36;
		font-family: 'Poppins', sans-serif;
		color:#000;
		width:320px;
		position:absolute;
		top:250px;
		left:50px;
		z-index:14;
	}

	.coast-map-legend h4 {
		color:#d94a36;
		/*font-family: 'fishermanregular', sans-serif;*/
		font-family: 'Courgette', cursive;
		font-size:32px;
		text-align:center;
	}

	.coast-map-legend-yellow {
		border-top:3px dashed #f8cd6a;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}

	.coast-map-legend-arrow {
		width:60px;
		margin-right:45px;
		
	}
	
	.coast-map-legend-arrow-red {
		width:60px;
		margin-right:45px;
		
	}

	.coast-map-legend-red {
		
		border-top:3px dashed #d94a36;
		margin-top:15px;
		margin-right:15px;
		margin-bottom:20px;
	}

	.coast-map-legend p {
	display:block;
	font-size:14px;
}
	
	#coast-map-arrow-89 {
		width:75px;
		position:absolute;
		top:620px;
		left:1020px;
		z-index:20;
		transform: rotate(-10deg);
	}

	/*#coast-map-arrow-89::before {
		content:"89%";
		font-family: 'Poppins', sans-serif;
		font-weight:bold;
		color:#000;
	}*/

	#coast-map-arrow-53 {
		width:58px;
		position:absolute;
		top:720px;
		left:1000px;
		z-index:20;
		transform: rotate(80deg);
	}

	#coast-map-arrow-25 {
		width:50px;
		position:absolute;
		top:700px;
		left:1120px;
		z-index:20;
		transform: rotate(-100deg);
	}

	#coast-map-arrow-22 {
		width:49px;
		position:absolute;
		top:780px;
		left:1060px;
		z-index:20;
		transform: rotate(0deg);
	}

	#coast-map-arrow-18 {
		width:35px;
		position:absolute;
		top:830px;
		left:1020px;
		z-index:20;
		transform: rotate(10deg);
	}

	#coast-map-arrow-4 {
		width:25px;
		position:absolute;
		top:830px;
		left:1100px;
		z-index:20;
		transform: rotate(-5deg);
	}
	
	

#coast-map-arrow-89-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:17px;
	color:#fff;
	position:absolute;
	top:650px;
	left:1040px;
	z-index:21;
	transform: rotate(0deg);
	
}



#coast-map-arrow-53-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#000;
	position:absolute;
	top:740px;
	left:1020px;
	z-index:21;
	transform: rotate(-10deg);
	
}



#coast-map-arrow-25-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#000;
	position:absolute;
	top:720px;
	left:1120px;
	z-index:21;
	transform: rotate(-10deg);
	
}



#coast-map-arrow-22-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000;
	position:absolute;
	top:790px;
	left:1073px;
	z-index:21;
	transform: rotate(0deg);
	
}



#coast-map-arrow-18-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#000;
	position:absolute;
	top:840px;
	left:1025px;
	z-index:21;
	transform: rotate(0deg);
	
}



#coast-map-arrow-4-num {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000;
	position:absolute;
	top:835px;
	left:1105px;
	z-index:21;
	transform: rotate(0deg);
	
}

	.coast-map-dolphin {
		width:220px;
		z-index:4;
		position:absolute;
		top:600px;
		left:300px;
	}
	
	.coast-map-whale {
		width:320px;
		z-index:2;
		position:absolute;
		top:300px;
		left:1100px;
	}


.coast-intro-wrap h1 { font-size:49px; }
.coast-intro-wrap h1 img { width:160px; }
.coast-intro-wrap p { font-size:12px; }

	.modal-body p {
		font-size:18px;
		text-align:justify;
		
	}

} /*  end Extra large devices */