.content-row {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.content-col {
	display: block;
	width: 100%;
/*	padding-bottom: 10em; */
/*	-webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,0.25);
	   -moz-box-shadow: 1px 1px 0 0 rgba(0,0,0,0.25);
	        box-shadow: 1px 1px 0 0 rgba(0,0,0,0.25); */
	padding: 1em 0 2em;
}
.content-links {
	background-color: #e6eef6;
}
.content-links p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
	line-height: 1.25em;
	text-align: center;
}
.content-links.callout {
	display: block;
	margin: 3em 0;
	padding: 1.5em 0;
}
.content-links.callout p {
	width: auto !important;
	text-align: left;
}
.content-links .content-col {
	padding: 1em 0 0;
}
.content-section-extras h2,
.content-section-extras .h2 {
	margin-top: .5em;
	font-size: 1.5em;
	line-height: 1.25em;
	text-align: center;
}
.content-section-extras .content-col img {
	max-height: 20rem;
}
.content-section-extras li {
	margin: 0 1.5em .5em 0;
}

.content-col.content-min {
	padding-bottom: 7.5em !important;
}
#front-promos .content-col {
	padding: 0 0 2em 0;
}

.section.section-florida-keys .content .content-row {
	background-color: #fff;
}
.section .content-video h1,
.section .content-video .h1 {
	color: #fff;
	margin-bottom: .5em;
}
.section .content-row.content-video.content-row,
.section .content-row.content-video-more {
	background-color: #399ad8;
	color: #fff;
}
.section .content-video a,
.section .content-video-more a {
	color: #fff;
/*	border-bottom: 1px solid #fff; */
	text-decoration: underline;
    text-decoration-thickness: 0.05em;
}

.content-one {
	clear: left;
}

.page-index {
	text-align: center;
	font-weight: bold;
	font-style: italic;
}
.page-index a {
	font-size: 1.75em;
	line-height: 1.5em;
	font-style: normal;
} 
.page-searchresults .content-one article .gsc-control-cse, 
.page-searchresults .content-one article .gsc-control-cse .gsc-table-result {
	font-family: Lato !important;
}

.content-one article h1,
.content-one article h2,
.content-one article h3,
.content-row > h1,
.content-one article .h1,
.content-one article .h2,
.content-one article .h3,
.content-row > .h1 {
/*	text-align: center;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.25em;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: .5em; */
	scroll-margin-top: 5rem;
}
.content-one article h1,
.content-one article .h1 {
/*	color: #73a700; */
}
.content-one article h1.intro,
.content-one article .h1.intro {
/*	padding: 0 .5em;
	color: #73a700;
	padding: 0 .5em .5em; */
}
.content-one article h1 span,
.content-one article .h1 span {
	white-space: nowrap;
	/* font-weight: 300; */
	/* display: block; */
}
.content-one article h1.graphic,
.content-one article .h1.graphic {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100% !important;
	height: 0 !important;
	text-indent: -9999px !important;
	margin: 0 auto !important;
}
.content-one article h2,
.content-one article .h2 {
	clear: both;
	font-size: 1.375em;
	line-height: 1.25em;
	padding: .75em .5em .25em;
/*	max-width: 75%; */
	margin-left: auto;
	margin-right: auto;
}
.calendar-container {
	position: relative;
}
.calendar-container.loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
	width: 50em;
	height: 50vh;
	max-width: 100vw;
	padding-top: 4rem;
	margin: auto;
}

.calendar-container.loading::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.calendar-container.loading .spinner {
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-left-color: #004da3;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin-left: 48%;
	z-index: 999;
}

.calendar-reset-wrapper {
	display: none;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.calendar-container.loading .spinner span {
	color: transparent;
}

.page-calendar .content-one article h2,
.page-calendar .content-one article .h2 {
	padding: 0 .5em 1em;
}
.content-one article h3,
.content-one article .h3 {
	clear: both;
	font-size: 1.25em;
	line-height: 1.25em;
	padding: .75em .5em .25em;
}
.content-one article h2 span,
.content-one article h3 span,
.content-one article .h2 span,
.content-one article .h3 span {
	white-space: nowrap;
}
.content-one article h2.sub,
.content-row > h1,
.content-one article .h2.sub,
.content-row > .h1 {

	font-size: 1.125em;
	line-height: 1.25em;
	text-transform: uppercase;
	padding: 0 .5em .5em;
}
.content-one article h2.sub a,
.content-one article .h2.sub a {
	border-bottom: none !important;
}
#front-news .content-one article h2.sub,
#front-news .content-one article .h2.sub {
	opacity: 1;
	font-size: 1.5em;
	line-height: 1.25em;
}
#floridakeys-content .content-one article h2.sub,
#floridakeys-content .content-one article .h2.sub {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 400;
	text-transform: none;
	padding: 0;
	opacity: 1;
}
.content-row > h1,
.content-row > .h1 {
	margin: -1.5em 0 .5em;
}
.content-row.content-noimg > h1,
.content-row.content-noimg > .h1 {
	margin: 1.5em 0 .5em;
}
.content-video .front-block {
	position: relative;
	display: block;
}
.content-video .content-video-clip div {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;		
}
.content-webcams.content-video .content-video-clip {
	max-width: 640px;
	margin-bottom: 1.5em;
}
#webcam-galleon .content-webcams.content-video .content-video-clip div {
	padding-bottom: 67%;	
}
.content-webcams.content-webcam-control.content-video .content-video-clip {
	max-width: 626px;
	background-color: #fff;
	text-align: center;
}
.content-webcams.content-webcam-control.content-video .content-video-clip div {
	padding-bottom: 480px;
}
.content-video .content-video-clip div iframe,
.content-video .content-video-clip div object {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content-video .content-video-text p {
	padding: 0 1em;
}
.content-video .content-video-text ul,
.content-video .content-video-text ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.content-video .content-video-text ul {
	max-width: 500px;
	margin: 0 auto;
}
.content-video .content-video-text li {
	position: relative;
	display: block;
	float: left;
	width: 20%;
	overflow: hidden;
}
.content-video .content-video-text li img {
	width: 100%;
	height: auto;
	margin-top: -10%;
	margin-bottom: -10%;
}

#front-features {
	background-color: #2668b1;
	background-color: #fff;
	color: #fff;
}
#front-features h1,
#front-features .h1 {
	width: 100%;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 700;
	color: #fff;
}
#front-features h1 a,
#front-features .h1 a {
	display: block;
	color: #fff;
	/* border: 1px solid #fff; */
	padding: .5em 1em;
	border-radius: 1px;
	width: 8.5em;
	margin: 0 auto;
	background-color: #2668b1;

background: -moz-linear-gradient(top,  #98c100 0%, #03448e 100%); 
background: -webkit-linear-gradient(top,  #98c100 0%,#03448e 100%); 
background: linear-gradient(to bottom,  #98c100 0%,#03448e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c100', endColorstr='#03448e',GradientType=0 ); /* IE6-9 */


}
#front-features h1 a .fa,
#front-features .h1 a .fa,
#front-features h1 a .fas,
#front-features .h1 a .fas,
#front-features h1 a svg,
#front-features .h1 a svg {
	display: block;
	font-size: 1.75em;
	line-height: 1.25em;
/*	font-weight: normal; */
	margin: 0 auto;
}
#front-features .content-three {
	padding: 1em 0 !important;
}
#front-features .content-three#front-features-things {
	padding: 0 0 !important;
}
#front-features .content-three a span {
	display: block;
}
.category-block {
	padding-bottom: 1em;
}
.category-block a p span {
	white-space: nowrap;
}

.content-feature .content-col {
	padding: 0 !important;
}
.content-feature div {
	text-align: center;
	padding: 2em 0;
}
.content-feature .content-two:nth-child(even) div {
	padding-top: 0;
}
.content-feature div a {
	display: block;
	/* background-color: #fff; */
	border-radius: 1px;
}
.content-feature div a img {
	max-width: 90%;
	height: auto;
}
#front-advisories {
	background-color: #dafb24;
	background-color: #eee;
}

.content-three h1,
.content-three .h1 {
	text-align: center;
	font-size: 2em;
	line-height: 1.25em;
	font-weight: 300;
}

.content-one article h1,
.content-one article .h1 {
/*	text-align: center;
	font-size: 2em;
	line-height: 1.125em;
	font-weight: 300; */
}
.content-one article h1.famous,
.content-one article .h1.famous {
/*	max-width: 320px;
	color: #fff;
	margin: -11.5em auto 9.5em; */
}
.content-one article h2.sub,
.content-row > h1,
.content-one article .h2.sub,
.content-row > .h1 {
	text-align: center;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 700;
}
.content-one article p,
.content-one article > ul,
.content-one article ul.list,
.content-one article ol.list {
	padding-left: 1em;
	padding-right: 1em;
}
.content-one article ul li,
.content-one article ol li {
	margin-left: 1.5em;
}
.content-one article ul.ui li {
	margin-left: 0;
}
.content-one article .spaced li {
	margin-bottom: .75em;
}
.content-one article .spaced li:last-child {
	margin-bottom: 0;
}
.content article p a,
.content article > ul a,
.content article ul.list a,
.content article ol.list a,
.content article .category-block a p strong,
.content .content-section-extras li a,
.content-one article h2 a,
.content-one article h3 a,
.content-one article .h2 a,
.content-one article .h3 a {
	color: #004da3;
	border-bottom: 1px solid #004da3;
}
.content-col.content-lead .content-excerpt {
	text-align: center;
}
.content-col.content-lead .content-excerpt img {
	width: 300px;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}
.content-col.content-lead .content-excerpt p {
	text-align: left;
}
.content-col.content-lead .content-excerpt p a.continue {
	text-transform: uppercase;
	font-size: .75em;
	line-height: 1.5em;
	font-weight: 700;
	white-space: nowrap;
}
.content-col.content-lead .content-excerpt p a.continue:after {
/*	font-size: 1.3125em;
	content: " »"; */
}
.content-col.content-no-lead {
	padding: 1em 0 .5em !important;
}
.content-col.content-no-lead h2.sub,
.content-col.content-no-lead .h2.sub {
	padding: 0 .5em !important;
}
.content-more {
	padding-bottom: 2em;
}
.content-more > .h1 {
	flex: 0 0 100%;
}
.content-links.content-more {
	padding-bottom: 0;
}
.content-links article p,
.content-links article ul {
	padding: 0 0 2em 0;
}

#front-intro {
	background-color: #fce1b3;
/*	background-image: url(../img/main/front-intro-1.jpg); */
	background-image: url(../img/o/LakesRippledWater_4520.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
#front-intro h1,
#front-intro h2.sub,
#front-intro .h1,
#front-intro .h2.sub,
#front-intro p {
/*		opacity: .75; */
	color: #fff;
	background-color: transparent;
}
#front-intro p a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#front-news {
	font-size: .75em;
}
#front-news h2,
#front-news .h2 {
	line-height: 3em !important;
}
.news-top, .news-headlines {
	width: 100%;
}
.news-top {
	text-align: center;
}
.news-top p {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 700;
	margin-top: 0;
}
.news-top p img {
	margin-bottom: .5em;
}
.news-top a {
	border-bottom: 0 !important;
}
.news-headlines ul, 
.news-headlines ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.news-headlines ul {
	border-top: 1px solid rgba(256,256,256,0.2);
	margin-bottom: 1.5em;
}
.news-headlines ul li {
	clear: both;
	font-size: 1em;
	line-height: 1.25em;
	margin: 0 0 .5em !important;
	padding-bottom: .5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	border-bottom: 1px solid rgba(256,256,256,0.2);
}
.news-headlines ul li:first-child {
	padding-top: .5em;
}
.news-headlines ul li:last-child {
	border-bottom: none;
	text-align: center;
/*	padding-top: 1em; */
/*	margin-bottom: 0 !important; */
}
.section-fishing .news-headlines ul li:last-child {
	text-align: left;
}
.news-headlines ul li.icon {
	padding-left: 4em;
}
.content-icon {
	display: block;
	width: 2.5em;
	height: 2.5em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	float: left;
	margin: 0 .5em 0 0;

}
.content-icon.greenscene {
	background-image: url(../img/green-scene.png);
}
.content-icon.keyshistory {
	background-image: url(../img/keyshistory_logo.png);
}
.content-icon.familyfun {
	background-image: url(../img/familyfun_logo.png);
}

.continue-link {
	font-size: .875em !important;
	line-height: 2em !important;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.continue-link a {
	border-bottom: 0 !important;
}
.continue-link a.back:after {
	content: " | ";
	margin: 0 1em 0 0;
	padding: 0 0 0 1em;
}
.continue-down {
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
	color: #73a700;
}
.continue-down .fa {
	margin-left: .25em;
}

.dashboard,
.content-col {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.promo-img {
	text-align: center;
}
.promo-img img {
	max-width: 100%;
	height: auto;
}
.promo-img.padded img {
	max-width: 90%;
	height: auto;
}
.photo-adventure-featured {
	margin-bottom: 1em;
}
.photo-adventure-promo-block h1,
.photo-adventure-promo-block h2,
.photo-adventure-promo-block h3,
.photo-adventure-promo-block .h1,
.photo-adventure-promo-block .h2,
.photo-adventure-promo-block .h3,
.photo-adventure-promo-block p {
	font-size: .875em;
	line-height: 1.5em;
	font-weight: 400;
	margin: 0;
	padding: 0 1em;
	text-align: center;
}
.photo-adventure-promo-block h1,
.photo-adventure-promo-block .h1 {
	font-weight: 700;
}
.photo-adventure-promo-block h2,
.photo-adventure-promo-block .h2 {
	font-style: italic;
}
.photo-adventure-promo-block a {	
	color: #004da3;
}
.photo-adventure-logo p {
	font-weight: 700;
}
.photo-adventure-logo img {
	max-width: 75%;
}
.photo-adventure-promo > p {
	clear: both;
	padding: .5em 1.5em;
	text-align: center; 
	font-size: .875em; 
	line-height: 1.25em; 
	font-weight: bold;
}
.photo-adventure-promo > p .fa {
	color: #f5750f;
}

#app-promo img {
	max-width: 96%;
	width: auto;
	max-height: 270px;
	vertical-align: middle;
}
#app-promo .content-col {
	text-align: center;
}
.app-promo-block {
	text-align: center;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.app-promo-hed,
.app-promo-buttons {
	width: 100%;
}
.app-promo-hed h2,
.app-promo-hed .h2 {
    font-weight: 400;
    font-style: italic;
    color: #73a700;
    font-size: 2.5em;
    line-height: .875em;
	padding: .5em 0;
}
.app-promo-hed h2 a,
.app-promo-hed .h2 a {
    color: #73a700;
}
#app-promo .app-promo-buttons img {
	width: auto;
	height: auto;
	max-width: 45%;
	max-height: 50px;
	display: inline-block;
	margin: 0 .5em;
}

.content-reverse {
	background-color: #98c100;
	background-color: #689100 !important;
	color: #fff;
}

.content-reverse a {
	color: #fff !important; 
}
.content-reverse .content-excerpt a,
.content-reverse a.continue {
	border-bottom: 1px solid #fff;
}

.content-webcams {
	background-image: url(../img/main/front-webcams-640.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 67%;
}

.content-webcams .content-col {
	background-color: rgba(255,131,50,0.8125);
	width: 100%;
	height: 0;
	padding: 0 0 67%;
}
.content-front-view-webcams,
.content-front-view-webcams .content-col {
	padding-bottom: 40%;
}
.content-webcams .content-col h1,
.content-webcams .content-col .h1 {
	text-align: center;
	font-size: 2em;
	line-height: 1.125em;
	font-weight: 300;
	padding: 12% 10% 0;
}
.section .content-webcams .content-col h1,
.section .content-webcams .content-col .h1 {
	padding: 20% 10% 0;
}
.content-webcams .content-col h2,
.content-webcams .content-col .h2 {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.125em;
	font-weight: 400;
	font-style: italic;
	padding: 0 15%;
}
.content-webcams .content-col a {
	color: #fff;
}
.section .content-front-view-webcams .content-col h1,
.section .content-front-view-webcams .content-col .h1 {
	padding: 5% 10% 0;
}
.content-front-webcams .content-webcams-index .content-col.content-preview {
	font-size: .75em;
	line-height: 1.25em;
}

.content-webcams-index .content-col.content-preview {
	height: auto !important;
	min-height: none !important;
	padding-bottom: 0 !important;
}

.content-explore {
	display: none;
	background-color: #98c100;
	color: #fff;
}

.content-explore a {
	color: #fff; 
}

.listing-block {
/*	clear: both; */
	margin: 0 0 1.5em 0;
}
.listing-block.listing-calendar {
	margin: 0 0 3em 0;
}
.listing-block ul.ui {
	padding: 0 1em;
}
.listing-block.listing-free ul.ui {
	width: calc(100% - 2em);
}
.listing-block ul.ui li {
	margin: 0;
	padding: 0;
	display: block;
	font-size: .75em;
	line-height: 1.75em;
	/* width: 90% !important;
	margin: 0 auto !important; */
}
.listing-block ul.ui li.listing-name {
	font-family: Big Shoulders Display;
/*	font-size: 1.125em; */
	font-size: 1.5em;
	line-height: 1.125em;
	font-weight: 400;
	margin: 0 0 .25em 0;
	padding: 0 0 .25em 0;
	border-bottom: 1px solid rgba(0,77,163,0.25);
	/* text-transform: uppercase; */
}
.listing-block.listing-calendar li.listing-name {
	font-weight: 700;
}
.listing-block.listing-premium ul.ui li.listing-name {
	border-bottom: 1px solid rgba(256,256,256,0.25);
}
.listing-block ul.ui .listing-img,
.listing-block.listing-calendar .listing-img {
	position: relative;
	display: block;
	width: 100% !important;
	height: 15em;
	padding: 0 !important;
	margin: 0 auto !important;
	/* background-color: #238dcb; */
	text-align: center;
}

.listing-block.listing-calendar .listing-img {
	height: 10em;
}
.listing-block.listing-calendar .listing-img img {
	object-fit: contain;
	max-width: 20em;
	max-height: 10em !important;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	        box-shadow: 0 0 20px rgba(0,0,0,0.1);
	margin: 0 auto;
}
.listing-type-lgbtq {
	background-image: linear-gradient(to right, rgba(251,39,4,0.4), rgba(251,39,4,0.4), rgba(232,157,29,0.4), rgba(228,208,27,0.4), rgba(135,212,47,0.4), rgba(27,179,224,0.4), rgba(115,106,241,0.4), rgba(134,0,243,0.4), rgba(134,0,243,0.4));
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
.listing-premium .listing-type-lgbtq {
	background-image: linear-gradient(to right, rgba(251,39,4,0.6), rgba(251,39,4,0.6), rgba(232,157,29,0.6), rgba(228,208,27,0.6), rgba(135,212,47,0.6), rgba(27,179,224,0.6), rgba(115,106,241,0.6), rgba(134,0,243,0.6), rgba(134,0,243,0.6));
	text-shadow: none;
}

.listing-block ul.ui .fa {
	display: inline-block;
/*	width: 1.5em !important; */
	margin: 0 .25em 0 0;
	text-align: center;
}
.listing-block ul.ui .listing-tripadvisor .fa.tripadvisor-rating {
	width: auto !important;
	font-size: .75em;
	line-height: 1.25em;
}
.listing-block ul.ui li.listing-sponsor {
	font-size: 10px !important;
	line-height: 1.5em;
	text-transform: uppercase;
}
.listing-block ul.ui li.listing-info {
	margin-bottom: .125em;
}
.listing-block ul.ui .listing-keyscoupon,
.listing-block ul.ui .listing-kado,
.listing-block ul.ui .listing-bluestar {
	font-weight: 700;
}
.listing-block ul.ui .listing-icon {
	display: inline-block;
	width: 1.75em;
	height: 1em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom center;
	margin-right: .25em;
}
.listing-block ul.ui .icon-keys-coupon {
	background-image: url(../img/main/icon-keys-coupon.png);
}
.listing-block ul.ui .icon-kado {
	background-image: url(../img/main/icon-kado.png);
}
.listing-block ul.ui .icon-bluestar {
/*	background-image: url(../img/main/icon-bluestar.png); */
	background-image: url(../img/main/icon-bluestar-fishing.png);
    width: 1.25em;
    height: 1.0625em;
    margin-right: .125em;
	margin-bottom: -.125em;
}
.diving .listing-block ul.ui .icon-bluestar,
.snorkeling .listing-block ul.ui .icon-bluestar {
	background-image: url(../img/main/icon-bluestar-diving.png);
}
.listing-block ul.ui .icon-weddingwire {
	background-image: url(../img/main/icon-weddingwire-o.png);
	margin-right: 0 !important;
}
.listing-block ul.ui .icon-tripadvisor {
	background-image: url(../img/main/icon-tripadvisor.png);
	background-size: 100%;
	width: 1.25em;
    height: 1em;
    margin-bottom: -0.25em;
}
.listing-block ul.ui .listing-img .fa {
	width: auto !important;
	margin: 0;
}

.listing-block ul.ui li.listing-address .fa {
	text-indent: 0 !important;
	padding: 0 !important;
}
.listing-block ul.ui li.listing-info > span,
.listing-block ul.ui li.listing-contact > span,
.listing-block ul.ui li.listing-extras > span {
	margin: 0 .5em 0 0;
	white-space: nowrap;
}
.listing-block ul.ui li.listing-address .listing-address-1:after,
.listing-block ul.ui li.listing-address .listing-address-2:after,
.listing-block ul.ui li.listing-address .listing-city:after {
	content: ", ";
}
.listing-block.listing-plus ul.ui .listing-greenlodging,
.listing-block.listing-free ul.ui .listing-greenlodging {
	color: #3aa300;
}
.listing-block.listing-premium ul.ui .listing-greenlodging {
	color: #33ff33;
}
.listing-block ul.ui .listing-desc {
/*	font-size: 1em; */
	line-height: 1.5em;
	margin: .5em 0 0 0;
/*	padding: .5em 0 0 0;
	border-top: 1px solid rgba(256,256,256,0.25); */
}
.listing-block ul.ui .listing-desc p {
	font-size: inherit !important;
	line-height: inherit !important;
	font-weight: inherit !important;
}
.listing-block ul.ui li a {
	color: #004da3;
}
.listing-block.listing-plus ul.ui .listing-name,
.listing-block.listing-premium ul.ui .listing-name {
	text-transform: uppercase;
}
.listing-block.listing-plus {
	background-color: rgba(57,154,216,0.1);
	padding: 1.5em 0;
}
.listing-block.listing-premium {
	background-color: #399ad8;
	/* background-image: linear-gradient(to right, #399ad8, #00a1c7, #00a298, #009d57, #689100); */
	/* padding: 0 0 1.5em 0; */
	min-height: 15em;
}
.listing-block.listing-calendar-kw {
	/* background-color: #f2dfff; */

}

.listing-block.listing-premium ul.ui {
	padding: 1.5em;
	background-image: linear-gradient(to bottom, #0c297c, #0b5787, #028f9f, #58bca5);
}
.listing-block.listing-premium ul.ui .listing-ddate {
	font-size: .75em;
	line-height: 1.5em;
	text-transform: uppercase;
	font-weight: 300;
	color: rgba(256,256,256,0.5);
	/* color: #cde6f5; */
}
.listing-block.listing-premium ul.ui li {
	/* color: #cde6f5; */
	color: rgba(256,256,256,0.8);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
}
.listing-block.listing-premium ul.ui li a {
	color: #fff;
}
.listing-block ul.ui .listing-booknow,
.listing-block ul.ui .listing-shopnow {
	display: block;
	text-align: center;
	margin-top: .75em;
}
.listing-block ul.ui .listing-booknow a,
.listing-block ul.ui .listing-shopnow a {
/*	display: table; */
	margin: .5em auto 0;
/*	font-size: 1em;
	line-height: 1em; */
	font-family: Big Shoulders Display;
	background-color: #0b5787;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 0.25em 0.5em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
		-webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

.listing-location a, 
.listing-type a {
	font-size: .75em;
	background-color: #e9f5fc;
    padding: .25em .5em .25em .375em;
    border-radius: 3px;
/*	font-family: Big Shoulders Display;
	font-weight: 400; */
}
.listing-premium .listing-location a, 
.listing-premium .listing-type a {
	background-color: rgba(255,255,255,0.25);
}
.listing-block.listing-calendar.listing-premium {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
	overflow: hidden;
}
.listing-block.listing-calendar.listing-premium .listing-img {
/*	height: 15em; */
	height: auto;
}
.listing-block.listing-calendar.listing-premium .listing-img img {
	max-width: unset;
	max-height: unset !important;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}


h2.multi-listing,
.h2.multi-listing {
	padding: 0 .25em .75em !important;
}

.content-col article p.calendar-alert {
	margin: -1em auto 1.5em; 
	max-width: 50em; 
	text-align: center; 
	font-weight: bold; 
	color: #f62e1f;
}
.calendar-filter {
	display: table;
	margin: 0 auto 2em;
	font-size: .6875em;
}

.calendar-filter form > div {
	float: left;
	width: 42%;
	margin: 0 4%;
}
.calendar-filter form label {
	display: block;
	padding: .25em 0;
}
.calendar-filter form input, 
.calendar-filter form select,
.calendar-filter form textarea {
	padding: .25em;
	margin: 0 0 .5em 0;
	font-family: Lato, sans-serif;
	font-size: 1em;
	line-height: 1em;
	border-radius: 2px;
	border: 1px solid #777;
	text-align: left;
	width: 100%;
}

.calendar-filter input[type=submit],
.calendar-filter input[type=reset]  {
	color: #fff;
	border: 0;
	padding: .5em .75em;
	text-align: center;
	cursor: pointer;
}

.calendar-filter input[type=submit] {
	background-color: #004da3;
}
.calendar-filter input[type=reset]  {
	background-color: #028f9f;
}

article .calendar-nav {
	text-align: center;
}
article .news-posted,
article .calendar-links {
	width: auto;
	display: table;
	text-align: center;
	background-color: #0b5787;
	margin: .5em auto 3em;
	padding: .5em 1em;
	border-radius: 1px;
}
article .news-return {
	clear: both;
	margin: 3em auto;	
}
article .news-posted a,
article .calendar-links a {
	color: #fff;
	font-size: 1em !important;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 1em;
}
article .calendar-links {
	display: inline-block;
	margin: .5em .5em 1.5em;
}
article .news-posted a.addthis_button img {
	vertical-align: middle;
	margin-top: -4px;
}
.page-news .news-icon {
	text-align: center;
	display: block;
}
.page-news .news-icon img {
	max-width: 2em;
}
.page-newsarticle .news-icon {
	font-size: .8125em;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    margin: -2em auto 2em;
    align-items: center;
    justify-content: center;
    width: auto;
}
.page-newsarticle .news-icon-img {
	flex: 0 0 6em;
}
.page-newsarticle .news-icon img {
    max-width: 6em;
    max-height: 6em;
}
.page-newsarticle .news-icon-txt {
    font-size: .875em;
	line-height: 1.5em;
    font-style: italic;
    text-align: left;
    color: rgba(0,0,0,0.75);
    flex: 0 0 19em;
}
.news-img {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.news-img.news-img-min {
	max-width: 300px;
}
a.expand-img {
	position: relative;
	display: inline-block;
	border-bottom: 0 !important;
}
a.expand-img span {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	padding: .5em;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	font-size: .875em;
	background-color: rgba(0,0,0,0.1);
}
a.photo-adventure-img span {
	color: #f5750f;
	text-shadow: 0 0 10px rgba(256,256,256,0.5);
	background-color: rgba(256,256,256,0.75);
}

.news-img img {
	width: 100%;
	height: auto;
}
.news-img p:first-of-type {
	margin-top: 0;
}
.news-img p {
	font-size: .75em !important;
	line-height: 1.5em;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

p .news-img p {
	font-size: .75em !important;
	line-height: 1.5em;
}

p.page-img {
	text-align: center;
	max-width: 100%;
	padding: 0 !important;
	margin: 1.5em auto;
}
p.page-img img,
p.page-img a {
	max-width: 100%;
}
p.page-img.img-two img,
p.page-img.img-two a {
	width: 100%;
	display: block;
	margin: 0 0 1.5em 0;
}
p.page-img.img-div img,
p.page-img.img-div a {
	display: inline-block;
	margin: 0;
}
p.page-img.img-two.img-div img,
p.page-img.img-two.img-div a {
	width: 50%;
	margin: 0;
}
p.page-img.img-three img,
p.page-img.img-three a {
	width: 33.33%;
	margin: 0;
}
p.page-img a img {
	width: 100% !important;
	margin: 0 !important;
	max-width: auto !important;
}
p.page-img.page-img-sm img,
p.page-img.page-img-sm a img {
	width: auto !important;
}
p.page-img.img-two.page-img-sm img,
p.page-img.img-two.page-img-sm a img {
	max-width: 50%;
}
.page-img-sm.page-img-webcam-sponsor {
	max-width: 320px !important;
}

.img-sm {
	width: auto !important;
}
.img-block {
	display: block;
	width: auto;
}
.img-block {
	font-size: .6875em;
	line-height: 1.375em;
}
.img-block img {
	width: 100%;
	height: auto;
	margin-bottom: .5em;
}
.img-left {
	float: left;
	margin: 0 1.5em .5em 0;
	max-width: 50%;
	width: 50%;
}
.img-right {
	float: right;
	margin: 0 0 .5em 1.5em;
	max-width: 50%;
	width: 50%;
}
p.page-caption {
	font-size: 1em !important;
	line-height: 1.25em !important;
	margin-top: -1em;
	margin-bottom: 1.5em;
	text-align: center;
}
p.page-caption.page-caption-graf {
	text-align: left;
}

p.page-div {
	clear: both;
	text-align: center;
}

.content-webcams {
	background-position: center center !important;
	background-size: 67% !important;
	background-repeat: repeat !important;
	padding-bottom: 0 !important;
	height: auto !important;
}
.content-webcams .content-col {
	margin: 0;
}
.section-florida-keys .content-webcams .content-col {
	padding: 1em 0 !important;
	height: auto !important;
}
.content-webcams p.page-img {
	margin-top: 0;
}

.page-webcams p,
.page-webcams-page p,
.content-webcams p {
	text-align: center;
}
.content-webcams p.webcam-live {
	font-size: 1.25em;
	line-height: 1.25em;
	margin-top: .5em; 
	font-weight: bold;
	font-style: italic;
	color: #fff !important;
}
.content-webcams p.webcam-live a {
	border-bottom: 0;
	text-decoration: none;
}
.content-webcams p.webcam-refresh {
	font-size: .625em;
	line-height: 1.25em;
	color: #fff !important;
	margin-top: 0 !important;
}
#boyds-campground .content-webcams p.webcam-refresh {
	display: none;
}
.content-webcams p.webcam-link a {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	font-weight: 700;
}
.page-webcams-page a.webcam-sponsor {
	display: block;
	width: 15em !important;
	margin: 0 auto;
}
.page-webcams-page a.webcam-sponsor.lg {
	width: 20em !important;
}
.page-webcams-page a.webcam-sponsor p.page-img {
	width: 100% !important;
	max-width: 100%;
}
.page-webcams-page a.webcam-sponsor img {
	width: auto;
	max-width: 100%;
}
.content-webcams a p {
	margin-top: .5em;
	margin-bottom: .5em;
}
.page-webcams-page p.webcam-sponsor {
	/* margin-top: 0; */
	font-size: .9375em !important;
	line-height: 1.5em !important;
	margin: 0 auto;

	a.underline {
		text-decoration: underline;
	}
}
.content-webcams {
	margin-bottom: 2em;
}
.content-webcams img,
.content-webcams object,
.content-webcams iframe {
/*	width: 96%;
	padding: 2%;
	background-color: #fff; */
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);
	        box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.content-webcams img {
	background-color: #000;
}
.content-webcams .button a {
	border: 5px solid #fff;
	border-radius: 4px;
}
.content-webcams .button {
	font-size: 1em;
}
.content-webcams-index {
	width: 96%;
	margin: 0 auto;
	font-size: .75em;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.content-webcams-index .content-preview {
/*	clear: none !important;
	width: 50% !important;
	width: 33.33% !important;
	float: left !important; */
	text-align: center;
	/* height: 2em; */
	min-height: 9em;
	flex: 0 0 33.33%;
}
.content-webcams-index .content-preview a {
	text-align: center;
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: 1em;
	line-height: 1.25em;
}
/*
.content-webcams-index .content-preview:nth-child(3n+1) {
	clear: both !important;
}
.content-webcams-index .content-preview.content-five:nth-last-child(1):nth-child(3n+1) {
	margin-left: 33% !important;
}
.content-webcams-index .content-preview.content-five:nth-last-child(2):nth-child(3n+1) {
	margin-left: 16.5% !important;
}
*/
.content-webcams-index .content-preview:nth-child(odd) a {
	/* margin: 0 1% 0 9%; */
}
.content-webcams-index .content-preview:nth-child(even) a {
	/* margin: 0 9% 0 1%; */
}
.content-webcams-index .content-preview a img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto .5em auto;
	aspect-ratio: 16 / 9;
}
.category-hed {
	margin-top: .75em !important;
	margin-bottom: -.75em !important;
}
.category-grid {
	max-width: 100%;
	margin: 3em auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 2%;
}
.category-block {
	flex: 0 0 46%;
/*	width: 46%;
	float: left;
	padding: 2%; */
	text-align: center;
	font-size: .75em;
	line-height: 1.25em;
}
.category-block img {
	max-width: 100%;
	margin: 0 0 5px 0;
}
#thingstodo-content .category-block img {
	width: 100%;
/*	max-width: 175px; */
}
#thingstodo-content .category-four .category-block img {
	max-width: 175px;
}
.category-block:nth-child(2n+1) {
/*	clear: both; */
}

.section-more {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.section-more li {
	color: #ddd;
}
.section-more a {
	border-bottom: none !important;
}
.section-key-west .more-key-west,
.section-lower-keys .more-lower-keys,
.section-marathon .more-marathon,
.section-islamorada .more-islamorada,
.section-key-largo .more-key-largo {
	display: none;
}

.key-largo-logos {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.key-largo-logos div {
	max-width: 27%;
	display: inline-block;
	padding: 0 3%;
	vertical-align: middle;
}
.key-largo-logos div img {
	max-width: 100%;
	margin: 1em 0;
}
.key-largo-logos a {
	border-bottom: 0 !important;
}

table.weather-chart {
	display: table;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 1.5em auto;
}
table.weather-chart th, table.weather-chart td {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: .5em 1em;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.5em;
}
table.weather-chart th {
	font-weight: bold;
	background-color: rgba(0,0,0,0.1);
	font-size: .75em;
	line-height: 2em;
	text-transform: uppercase;
}
table.weather-chart tr td:first-child {
	text-align: left;
	font-weight: 300;
}
table.weather-chart tr:nth-child(odd) td {
	background-color: rgba(256,256,256,0.2);
}
table.weather-chart, table.weather-chart th, table.weather-chart td {
	border-color: #fff;
}
table.weather-chart#weather-high {
	background-color: rgba(250,0,200,0.2);
}
table.weather-chart#weather-low {
	background-color: rgba(0,146,251,0.15);
}
table.weather-chart#weather-water {
	background-color: rgba(76,250,0,0.2);
}
table.weather-chart#weather-rain {
	background-color: rgba(0,250,157,0.2);
}
table.weather-chart#weather-sunset {
	background-color: rgba(255,109,4,0.15);
}
table.weather-chart#weather-sunrise {
	background-color: rgba(250,225,0,0.2);
}

.banner-block {
	text-align: center;
	/* background-color: #f9f9f9; */
}
.banner-block img.banner {
	border: 1px solid rgba(0,0,0,0.25);
	background-color: #fff;
}
.banner-horiz {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.banner-horiz > div {
	margin: .5em auto 2.5em;
}
.banner-horiz img.banner {
	max-width: 99%;
	width: 318px;
	height: 48px;
}
.banner-sq img.banner {
	width: 94px;
	height: 88px;
	margin: .5em 0 2.5em;
}

.content-video-more .content-col.content-preview .content-img {
	background-position: center center;
}

@media only screen and (max-width: 1024px) {


}
@media only screen and (max-width: 767px) {

	.content-col.content-preview {
		position: relative;
		clear: both;
		padding: 1em 0 0 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
	}
	#things-to-do .content-col.content-preview {
		display: block;
	}
	.content-col.content-preview .content-img {
/*		float: left; */
		display: block;
		flex: 0 0 25%;
		width: 25%;
		height: 0;
		padding-bottom: 17.5%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: top center;
	}
	.content-links .content-col.content-preview {
/*		clear: none;
		float: left; */
		width: 50%;
	}
	.content-links .content-col.content-preview .content-img {
		float: none;
		width: 100%;
		padding-bottom: 67%;
		background-position: center center;
	}
	.content-col.content-preview:last-child {
		/* padding-bottom: 2em; */
		}
	.content-col.content-preview:last-child .content-img {
		margin-bottom: 1.25em;
		}
	.content-video-more .content-col.content-preview .content-img {
		padding-bottom: 13%;
	}
	.content-col.content-preview .h1 {
		flex: 0 0 calc(75% - 2em);
		padding: 0 1em;
		text-align: left;
	}
	.content-col.content-preview h1 a,
	.content-col.content-preview .h1 a {
		display: block;
		/* padding-left: 30%; */
		/* padding-left: 1em;
		padding-right: 1em; */
		line-height: 1.25em;
	}
	.content-noimg .content-col.content-preview h1 a,
	.content-noimg .content-col.content-preview .h1 a {
		padding-left: 1em;
	}
	.content-links .content-col.content-preview h1,
	.content-links .content-col.content-preview .h1,
	.content-links .content-col article p {
		text-align: center;
	}
	.content-links .content-col.content-preview h1 a,
	.content-links .content-col.content-preview .h1 a {
		font-size: 1em;
		line-height: 1.25em;
		font-weight: 400;
		padding: .5em 0;
		text-align: center;
	}
	.content-col.content-preview .content-icon {
		display: none;
	}

}
@media only screen and (max-width: 568px) {


}



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




@media only screen and (min-width: 568px) {
	.img-block.img-25 {
		width: 25%;
	}
	.img-block.img-33 {
		width: 33.33%;
	}
	.img-block.img-50 {
		width: 50%;
	}

	.content-webcams {
		background-image: url(../img/main/front-webcams-1600.jpg);
		background-size: cover;
		padding-bottom: 40%;
	}
	.content-webcams .content-col {
		padding: 0 0 40%;
	}
	.content-webcams .content-col h1,
	.content-webcams .content-col .h1 {
		font-size: 3.5em;
		line-height: 1em;
		padding: 7% 10% 0 !important;
	}
	.content-webcams .content-col h2,
	.content-webcams .content-col .h2 {
		font-size: 1.5em;
		line-height: 1em;
	}
	.content-front-view-webcams .content-col {
		padding-bottom: 7em !important;
	}
	.section .content-front-view-webcams .content-col h1,
	.section .content-front-view-webcams .content-col .h1 {
		padding: .25em 0 0 !important;
	}

	.banner-sq img.banner {
		margin: .5em 1em 2.5em;
	}

	.page-news .news-icon {
		display: inline-block;
		margin: -1em 0;
	}
	.page-news .news-icon img {
		max-width: 3.5em;
	}
	.news-img {
		max-width: 18em;
		margin: 0;
	}
	p .news-img-left {
		float: left;
		margin: 0 1.5em 0 0;
	}
	p .news-img-right {
		float: right;
		margin: 0 0 0 1.5em;
	}
	.news-img.news-img-lead {
		float: none;
		/* width: 50em; */
		max-width: 640px;
		margin: 0 auto 1em;
		text-align: center;
	}
	p .news-img.news-img-lead p:first-child {
		font-size: 1em !important;
		margin-bottom: 0;
	}
	.news-img.news-img-lead p:last-child {
		text-align: left;
		max-width: 640px !important;
	}
	.news-img.news-img-lead.news-img-lead-large,
	.news-img.news-img-lead.news-img-lead-large p:last-child {
		max-width: 100% !important;
	}
	.news-img.news-img-lead img {
		width: auto;
		max-width: 100%;
	}
	#key-west-extras,
	#lower-keys-extras,
	#marathon-extras,
	#islamorada-extras,
	#key-largo-extras {
/*		padding-bottom: 4em; */
	}
	.content-section-extras .content-four img {
		max-width: 50%;
		margin: 0 auto;
	}
	.content-section-extras p span {
		white-space: nowrap;
	}
	.content-feature .content-two {
		float: left;
		width: 50%;
	}
	.content-feature .content-two div {
		margin: 0 0 0 25%;
	}
	.content-feature .content-two:nth-child(even) div {
		margin: 0 25% 0 0;
		padding-top: 2em;
	}

	.calendar-filter {
		font-size: .75em;
	}
	.calendar-filter form > div {
		width: auto;
		margin: 0 .5em;
	}

	.content-webcams-index {
		width: 94%;
	}
	.content-webcams-index .content-preview {
		/* width: 25% !important; */
		flex: 0 0 25%;
		min-height: 9em;
	}
	.content-webcams-index .content-preview a {
		width: 94%;
		margin: 0 auto !important;
	}
/*
	.content-webcams-index .content-preview:nth-child(3n+1),
	.content-webcams-index .content-preview:nth-child(odd) {
		clear: none !important;
	}
	.content-webcams-index .content-preview.content-five:nth-last-child(1):nth-child(3n+1),
	.content-webcams-index .content-preview.content-five:nth-last-child(2):nth-child(3n+1) {
		margin-left: 0 !important;
	}
	.content-webcams-index .content-preview:nth-child(4n+1) {
		clear: both !important;
	}
	.content-webcams-index .content-preview:nth-child(odd) a {
		margin: 0%;
	}
	.content-webcams-index .content-preview:nth-child(even) a {
		margin: 0;
	}
*/
	.content-webcams-index .content-preview a img {
		width: 85%;
	}

	.section-more {
		display: block;
		list-style: none;
		margin: 0 0 2em;
		padding: 0;
		text-align: center;
	}
	.section-more li {
		display: inline-block;
		font-weight: bold;
		margin: 0 .75em !important;
	}
	#fishing-more h2,
	#diving-more h2,
	#fishing-more .h2,
	#diving-more .h2 {
		margin-top: .75em;
		/* margin-bottom: -.75em; */
	}

	.key-largo-logos div {
		max-width: 14%;
	}

	.page-placestostay .category-three .category-block:nth-last-child(2):nth-child(3n+1),
	.page-thingstodo .category-three .category-block:nth-last-child(2):nth-child(3n+1) {
		margin-left: unset !important;
	}

}
@media only screen and (min-width: 768px) {

	article {
		max-width: 60em;
		margin: 0 auto;
	}
	.page-listings article,
	.page-listingsweddings article,
	.page-petfriendly article,
	.page-calendar article,
	.page-brochuresnewsletters article {
		max-width: 100%;
	}

	.content {
		display: block;
		width: 100%;
		/* height: 80em; */
		padding-bottom: 5em;
	}

	.content-one article h1.famous,
	.content-one article .h1.famous {
/*		max-width: 100%;
		margin: -13em auto 12em; */
	}

	.content-col {
/*		float: left; */
		padding: 2em 0 3.5em;
		/* padding-bottom: 20em; */
	}
	.content-col.content-two {
		width: 50%;
	}
	.content-col.content-three,
	.content-col.content-five,
	.content-col.content-six {
		width: 33%;
	}
	.content-col.content-three:nth-child(3n+2),
	.content-col.content-five:nth-child(3n+2),
	.content-col.content-six:nth-child(3n+2) {
		width: 34%;
	}
	.content-col.content-four {
		width: 50%;
	}
/*
	.content-section-extras.content-three-four .content-four:first-child {
		margin-left: 12.5%;
	}
*/
	.content-col.content-four.content-quarter {
		width: 25%;
	}
	.content-col.content-five {
		width: 20% !important;
	}
	.content-col.content-six {
		width: 16.66% !important;
	}
/*	.content-col.content-five:nth-child(5n+4),
	.content-col.content-five:nth-child(5n+5) {
		width: 50%;
	}*/

	.content-webcams .content-col h1,
	.content-webcams .content-col .h1 {
		font-size: 5em;
		line-height: 1.5em;
		padding: 12% 0% 0 !important;
	}
	.content-webcams .content-col h2,
	.content-webcams .content-col .h2 {
		font-size: 3em;
		line-height: 1em;
	}
	.content-front-view-webcams .content-col {
		padding-bottom: 15em !important;
	}

	.continue-link {
		font-size: 1.125em !important;
		line-height: 2em !important;
	}

	.listing-block {
		font-size: 1.375em;
		width: 50em;
		max-width: 100vw;
		margin: 0 auto 1.5em;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
	}
	.listing-block.listing-calendar {
		margin: 0 auto 3em;
	}
	.listing-block.listing-plus,
	.listing-block.listing-premium {
		border-radius: 2px;
	}
	.listing-block ul.ui {
		font-size: 1em;
		padding: 0 1.5em;
		font-weight: 400;
	}
	.listing-block.listing-premium ul.ui {
/*		padding: 0 0 0 1.5em; */
		padding: 0 1.5em;
		background-image: none;
	}
	.listing-block.listing-premium {
		padding: 0;
		background-image: linear-gradient(to bottom, #0c297c, #0b5787, #028f9f, #58bca5);
	}
	.listing-block.listing-premium ul.ui {
		order: 1;
		flex: 0 0 calc(50% - 3em);
		width: calc(50% - 3em) !important;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	.listing-block.listing-calendar-img ul {
		width: calc(62% - 3em) !important;
	}
	.listing-block .listing-img {
		order: 2;
		flex: 0 0 50%;
		width: 50% !important;
		/* float: right; */
		margin: 0 0 0 0 !important;
	}
	.listing-block.listing-calendar .listing-img img {
		max-width: 100%;
	}
	.listing-block.listing-calendar-img .listing-img {
		width: 33% !important;
		flex: 0 0 33%;
	}
	.listing-block ul.ui li.listing-name {
		margin: 0 0 .25em 0;
	}
	.listing-block .listing-address,
	.listing-block .listing-contact,
	.listing-block .listing-extras {
		font-size: .625em !important;
		line-height: 1.75em !important;
	}
	.listing-block ul.ui li.listing-address,
	.listing-block ul.ui li.listing-contact,
	.listing-block.listing-plus ul.ui li.listing-extras,
	.listing-block.listing-free ul.ui li.listing-extras {
		display: inline-block;
		margin-right: .5em;
	}
	.listing-block.listing-premium ul.ui .listing-address,
	.listing-block.listing-premium ul.ui .listing-contact {
		display: block;
	}
	.listing-block ul.ui .listing-booknow a:hover,
	.listing-block ul.ui .listing-shopnow a:hover {
		background-color: #028f9f;
	}

	.listing-block.listing-calendar-img.listing-premium ul.ui {
		order: 1;
	}
	.listing-block.listing-calendar-img.listing-premium .listing-img {
		order: 2;
   		width: 50% !important;
		height: auto;
		margin: 0 !important;
	}
	.listing-block.listing-calendar-img.listing-premium .listing-img img {
/*		object-fit: cover;
		max-height: 21em !important;
		height: 21em !important; */
	}

	#front-news {
		font-size: 1em;
	}
	#front-news h2,
	#front-news .h2 {
		line-height: 2em !important;
	}
	#front-news article {
		width: 60em;
		margin: 0 auto;
	}
	.news-top, .news-headlines {
		float: left;
	}
	.news-top {
		width: 33%;
	}
	.news-top p {
		width: 12.5em;
	}
	.news-top p img {
		max-width: 100%;
		max-height: 11em;
	}
	.news-headlines {
		width: 67%;
	}
	.section-fishing .news-headlines {
		float: none;
		width: 67%;
		margin: 0 auto;
	}
	.news-headlines ul {
		border-top: none;
	}
	.news-headlines ul li {
		font-size: 1.5em;
		line-height: 1.25em;
		margin: 0 1.5em .5em !important;
		padding-left: 0;
		padding-right: 0;
	}
	.news-headlines ul li:first-child {
		padding-top: 0;
	}
	.news-headlines ul li:last-child {
		text-align: left;
		padding-top: 0;
	}
	.section-fishing .news-headlines ul li {
		text-align: center !important;
	}

	.slick-tdc .fa {
		opacity: .5;
	}
	.slick-tdc .fa:hover {
		opacity: 1;
	}
	.content-section-extras .content-four {
		height: 15em;
	}
	.content-section-extras.content-links .content-four {
		height: auto;
	}
	.content-section-extras .content-two img {
		max-width: 62.5%;
		margin: 0 auto;
	}
	ol.column-2,
	ul.column-2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.column-2 li {
		margin: 0 1.5em 0;
	}
/*
	.section-key-west #fishing-regions .content-col:nth-child(1),
	.section-marathon #fishing-regions .content-col:nth-child(1),
	.section-islamorada #fishing-regions .content-col:nth-child(1) {
		margin-left: 10%;
	}
*/
	.calendar-filter {
		font-size: 1em;
	}
	.content-col article p.calendar-alert {
		font-size: 1.25em;
	}


	.content-webcams p.webcam-live {
		font-size: 2em;
		line-height: 1.5em;
	}
	.content-webcams p.webcam-refresh {
		font-size: .875em;
		line-height: 2em;
		margin-top: -1.125em !important;
	}
	.content-webcams img {
		width: auto;
		padding: 0;
		/* border: 5px solid #fff; */
		max-width: 50em !important;
	}
	.content-webcams .button {
		margin: 0 auto 1.5em;
	}

	.content-webcams-index {
		max-width: 100%;
		font-size: 1.125em;
	}
	.content-webcams-index .content-preview {
		/* width: 16.66%; */
		flex: 0 0 16.66%;
		min-height: 2.5em;
	}
	.content-webcams-index .content-preview a {
		margin: 0 auto !important;
	}
/*
	.content-webcams-index .content-preview:nth-child(4n+1) {
		clear: none !important;
	}
	.content-webcams-index .content-preview.content-five:nth-last-child(1):nth-child(3n+1),
	.content-webcams-index .content-preview.content-five:nth-last-child(2):nth-child(3n+1) {
		margin-left: 0 !important;
	}
	.content-webcams-index .content-preview.content-five:nth-child(5n+1),
	.content-webcams-index .content-preview.content-six:nth-child(6n+1) {
		clear: both !important;
	}
	.content-webcams-index .content-preview.content-five:nth-last-child(1):nth-child(5n+1) {
		margin-left: 40% !important;
	}
	.content-webcams-index .content-preview.content-five:nth-last-child(2):nth-child(5n+1) {
		margin-left: 30% !important;
	}
	.content-webcams-index .content-preview.content-five:nth-last-child(3):nth-child(5n+1) {
		margin-left: 20% !important;
	}
	.content-webcams-index .content-preview.content-five:nth-last-child(4):nth-child(5n+1) {
		margin-left: 10% !important;
	}
*/
	.content-webcams-index .content-preview a img {
		width: inherit;
	}

	.category-block {
		flex: 0 0 21%;
		/* width: 21%; */
		font-size: .875em;
		line-height: 1.25em;
	}
	.category-two .category-block {
		flex: 0 0 33.5%;
		/* width: 33.5%; */
	}
	.category-three .category-block {
		flex: 0 0 30%;
	}
	.category-five .category-block {
		flex: 0 0 16%;
		/* width: 16%; */
	}
	.category-five .category-block p {
		font-size: 1.3125em;
	}

	#thingstodo-content .category-four {
		flex: 0 0 16%;
	}
	#thingstodo-content .category-four .category-block {
		font-size: .75em;
		line-height: 1.25em;
	}

/*
	.category-block:nth-child(3n+1),
	.category-block:nth-child(2n+1) {
		clear: none;
	}
	.category-two .category-block:nth-child(2n+1),
	.category-three .category-block:nth-child(3n+1) {
		margin-left: 12.5%;
	}
	.category-block:nth-child(4n+1),
	.category-three .category-block:nth-child(3n+1) {
		clear: both;
	}
	.category-five .category-block:nth-child(5n+1) {
		clear: both;
	}
	.category-two .category-block:nth-child(2n+1) {
		clear: both;
	}
	.category-five .category-block:nth-child(4n+1),
	.category-three .category-block:nth-child(4n+1),
	.category-two .category-block:nth-child(3n+1) {
		clear: none;
	}
*/

	.banner-horiz {
		width: 728px;
	}
	.banner-horiz img.banner {
		width: 726px;
		height: 88px;
	}
	.banner-sq img.banner {
		width: 298px;
		height: 248px;
	}
	.content > #banner-display-2 {
		margin-top: -1em;
		padding-bottom: 4em;
	}

	.app-promo-block {
		display: inline-block;
		width: 45%;
	}
	.app-promo-hed h2,
	.app-promo-hed .h2 {
	    font-size: 4.5em;
	    line-height: .875em;
		padding: 0 0 .5em;
	}
	.page-newsarticle .news-icon {
    	font-size: 1em;
    	margin: -1.5em auto 1.5em;
	}

	.content {
		padding-top: .75em;
	}
	.section .content {
		padding-top: 0;
	}

	.content-one article {
		position: relative;
		float: none;
	}

	.content-one article h1,
	.content-one article .h1 {
/*		font-size: 3.5em;
		line-height: 1.125em; */
	}
	.content-one article h2,
	.content-one article .h2 {
		font-size: 2.5em;
		line-height: 1.125em;
	}
	.content-one article h3,
	.content-one article .h3 {
		font-size: 2em;
		line-height: 1.25em;
	}
	.content-one article h2.sub,
	.content-row > h1,
	.content-one article .h2.sub,
	.content-row > .h1 {
		font-size: 1.3125em;
		line-height: 1.5em;
		text-transform: uppercase;
	}
	#front-news .content-one article h2.sub,
	#front-news .content-one article .h2.sub {
		font-size: 2em;
		line-height: 1.25em;
	}
	#floridakeys-content .content-one article h2.sub,
	#floridakeys-content .content-one article .h2.sub {
		font-size: 3em;
		line-height: 1.25em;
		width: 20em;
		margin: 0 auto;
	}
	.content-video h1 span,
	.content-video .h1 span {
		font-weight: 300;
	}
	.content-video .front-block {
		float: left;
		position: relative;
		display: block;
		width: 46%;
		padding: 0 2% 0 0;
	}
	.content-video .content-video-clip {
		width: 60em;
		max-width: 960px;
		margin: 0 auto;
/*		padding: 0 2%; */
	}
	.content-video .content-video-text p {
		font-size: 1.5em;
		line-height: 1.5em;
		margin-top: 0;
	}
	.content-video .content-video-text ul {

	}
	.content-video .content-video-text li {
		width: 20%;
		overflow: hidden;
	}
	.content-video .content-video-text li img {
		width: 99px;
		height: 80px;
		margin-top: -12px;
		margin-bottom: -12px;
		margin-left: 1px;
	}

	#front-features {

	}
	#front-features h1,
	#front-features .h1 {
		font-size: 2.25em;
		line-height: 1.25em;
	}
	#front-features .content-three {
		width: 35.75%;
		padding: 3em 0 !important;
	}
	#front-features .content-three#front-features-things {
		width: 28.5%;
		padding: 3em 0 !important;
	}
	#front-features .content-three a {
		width: 80%;
		padding: .5em 0 !important;
		-webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	#front-features .content-three#front-features-things a {
		width: 100% !important;

	}
	#front-features .content-three a:hover {
		background-color: rgba(256,256,256,0.25);
		background-color: #ff8332;

background: #ff8332;
background: -moz-linear-gradient(top,  #ff8332 0%, #df001c 100%);
background: -webkit-linear-gradient(top,  #ff8332 0%,#df001c 100%);
background: linear-gradient(to bottom,  #ff8332 0%,#df001c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8332', endColorstr='#df001c',GradientType=0 );



	}

	.content-feature {
		margin: 0 auto;
	}
	.content-feature div a {
		width: 75%;
		margin: 0 auto;
	}
	.content-col article h1,
	.content-col article .h1 {
	/*	font-size: 4em;
		line-height: 1.25em; */
	}
	.content article p a,
	.content article > ul > li > a,
	.content article ul.list a,
	.content article ol.list a {
		color: #004da3;
		border-bottom: 1px solid #004da3;
	}
	.content-col article p,
	.content-col article > ul,
	.content-col article ul.list,
	.content-col article ol.list {
		max-width: 40em;
		padding-left: 0;
		padding-right: 0;
		margin-right: auto;
		margin-left: auto;
		font-size: 1.5em;
		line-height: 1.5em;
	}
	#front-intro {
/*		background-color: #fce1b3;
		background-image: url(../img/main/front-intro-1.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center; */
	}
	#front-intro h1,
	#front-intro .h1 {
		font-size: 4em !important;
	}
	#front-intro h1,
	#front-intro .h1,
	#front-intro p {
/*		opacity: .75; */
		color: #fff;
	}
	#front-intro p a {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	#front-intro .front-intro-block {
		/* padding-top: 2em; */
		max-width: 80em;
		margin: 0 auto;
		display: block;
		padding: 0 2em;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 3.5em !important;
		-moz-column-gap: 3.5em !important;
		column-gap: 3.5em !important;
	}

	#front-intro .front-intro-block p {
		margin: 0 0 1em 0;
	}

	.content-one article h1,
	.content-one article .h1 {
/*		padding: 0 .75em .5em; */
	}
	.content-one article h1.intro,
	.content-one article .h1.intro {
/*		padding: 0 1em .125em; */
	}
	.content-col {
		display: block;
		position: relative;
	}
	.content-col.content-lead article {

	}
	.content-col.content-lead .content-excerpt {
		width: 60em;
		margin: 0 auto;
		padding: 0 0 1.5em 0;
		/* border-bottom: 1px solid rgba(0,0,0,0.25); */
	}
	.content-col.content-lead .content-excerpt img {
		width: 45%;
		height: auto;
/*		float: left; */

/*		width: auto;
		max-width: 100%;
*/
	}
	.content-col.content-lead .content-excerpt p {
		padding-left: 50%;
	}
	.content-col.content-lead .content-excerpt.content-no-lead-img p {
		padding-left: 0;
	}
	.content-col.content-preview {
		height: 0;
		padding-bottom: 13.33%;
		opacity: .875;
		-webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.content-noimg .content-col.content-preview {
		height: auto;
		min-height: 2em;
		padding-bottom: 0;
	}
	.content-video-more .content-col.content-preview {
		height: 0;
		padding-bottom: 8.5%;
		background-position: center center;
	}
	.content-col.content-preview:hover {
		opacity: 1;
	}
	.content-col.content-preview .content-img {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		z-index: 1;
	}

	.content-col.content-preview .content-icon {
		position: absolute;
		top: .25em;
		left: .25em;
		z-index: 2;
	}
	.content-excerpt .content-icon {
		font-size: 2em;
		float: right;
		margin: 0 0 .25em .25em;
	}

	.content-col.content-preview h1,
	.content-col.content-preview .h1 {
		display: block;
		position: absolute;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: block;
		top: 0;
		left: 0;
	}
	.content-links .content-one {
		padding: 2em 0 1em;
		text-align: center;
	}
	.content-links article p {
		margin-top: 0;
		padding: 0;
	}
	.content-col.content-preview h1 a,
	.content-col.content-preview .h1 a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	.content-col.content-preview h1 a span,
	.content-col.content-preview .h1 a span {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 92%;
		padding: 2% 4%;
		font-size: 1.125em;
		line-height: 1.25em;
		color: #fff;
		font-weight: 700;
		background-color: rgba(0,0,0,0.5);
/*		background-color: rgba(9,69,147,0.75); */
		-webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	.content-col.content-preview:hover h1 a span,
	.content-col.content-preview:hover .h1 a span {
		padding: 5% 4%;
	}
	.content-noimg .content-col.content-preview h1 a span,
	.content-noimg .content-col.content-preview .h1 a span {
		top: 0;
		background-color: transparent;
	}
	.content-noimg .content-col.content-preview:hover h1 a span,
	.content-noimg .content-col.content-preview:hover .h1 a span {
		padding: 1% 4% 3%;
	}
	.content-links .content-col.content-preview h1,
	.content-links .content-col.content-preview .h1,
	.content-links .content-col article p {
		text-align: center;
	}
	.content-three .promo-img img {
		max-width: 24em;
		margin: 0 auto;
	}
	.content-three:nth-child(1) .promo-img {
		text-align: right;
	}
	.content-three:nth-child(3) .promo-img {
		text-align: left;
	}
	.content-three .promo-img-txt {
		max-width: 15em;
	}
	.content-three:nth-child(1) .promo-img-txt {
		margin-right: 5%;
	}
	.content-three:nth-child(3) .promo-img-txt {
		margin-left: 5%;
	}
	.content-four .promo-img img {
		max-width: 16em;
		margin: 0 auto;
	}

	.photo-adventure-promo {
		width: 24em;
		margin: 0 auto;
	}
	.photo-adventure-promo-block {
		float: left;
		width: 11.25em;
	}
	.photo-adventure-promo-block:first-of-type {
		border-right: 1px solid rgba(0,0,0,0.25);
		margin: 0 .625em 0 0;
		padding: 0 .625em 0 0;
	}
	.photo-adventure-promo-block h1,
	.photo-adventure-promo-block h2,
	.photo-adventure-promo-block h3,
	.photo-adventure-promo-block .h1,
	.photo-adventure-promo-block .h2,
	.photo-adventure-promo-block .h3,
	.photo-adventure-promo-block p {
		font-size: .75em;
		line-height: 1.5em;
		padding: 0;
	}
	.photo-adventure-featured {
		margin-bottom: 0;
	}
	.photo-adventure-logo img {
		max-width: 100%;
	}

	.category-grid {
		max-width: 100vw !important;
	}
	.page.section-florida-keys .content-webcams,
	.category-grid,
	.content-links.callout,
	.ways-to-enjoy,
	.video-grid,
	.content-grid {
		margin-left: calc((-100vw + 60em) / 2) !important;
		margin-right: calc((-100vw + 60em) / 2) !important;
	}
	.ways-to-enjoy {
		padding: 0 1em;
	}
	.content-webcams {
		width: 100vw;
	}

}


@media only screen and (min-width: 1025px) {

	.content-col.content-four {
		width: 25% !important;
	}
	.content-col.content-five {
		width: 20% !important;
	}

	.content-webcams-index .content-preview {
		flex: 0 0 20%;
	}

	.content-col {
		
	}
	.content-one article {
		margin: 0 auto;
	}
	.page-searchresults .content-one article {
		width: 60em;
	}

	.content-one article h1.famous,
	.content-one article .h1.famous {
/*		margin: 0 auto;
		color: #73a700; */
	}


	.content-explore {
		display: block;
	}
	.content-explore .content-col:nth-child(even) {
		background-color: rgba(0,0,0,0.05);
	}
	.content-explore ul,
	.content-explore ul li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.content-explore h1 a,
	.content-explore .h1 a,
	.content-explore ul li a {
		text-indent: 1.5em;
		margin: 0 0 0 -1.5em;
	}
	.content-explore h1,
	.content-explore .h1,
	.content-explore ul li {
		font-size: 1em;
		line-height: 1.5em;
		font-weight: 700;
		padding: 0 0 0 3em;
		margin: 0;
		text-align: left;

		-webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);

	}
	.content-explore ul a {

	}
	.content-explore .places-to-stay-list li,
	.content-explore .things-to-do-list li {
		font-weight: 300;
	}
	.things-to-do-list {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;

	}
	.things-to-do-list li:nth-child(7),
	.things-to-do-list li:nth-child(13) {
		/* margin-top: 1.5em; */
	}
	.content-explore h1:hover,
	.content-explore .h1:hover,
	.content-explore li:hover {
		background-color: #0e60b0;
		/* text-decoration: underline; */
	}

	.content-webcams {
		padding-bottom: 30%;
	}
	.content-webcams .content-col {
		padding: 0 0 30%;
	}
	.content-webcams .content-col h1,
	.content-webcams .content-col .h1 {
		padding: 8% 0 0 0 !important;
	}

	p.page-img {
		max-width: 60em !important;
/*		width: 60em !important; */
		text-align: center;
	}
	p.page-img.img-two,
	p.page-img.img-three {
		margin: 2em -5em !important;
	}
	p.page-img.img-two img,
	p.page-img.img-two.img-div img,
	p.page-img.img-two a,
	p.page-img.img-two.img-div a {
		width: 48%;
		display: inline-block;
		margin: 0 1%;
	}
	p.page-img.img-three img,
	p.page-img.img-three.img-div img,
	p.page-img.img-three a {
		width: 31.33%;
		display: inline-block;
		margin: 0 1%;
	}
	p.page-img.img-three img:nth-child(2),
	p.page-img.img-three.img-div img:nth-child(2),
	p.page-img.img-three.img-div a:nth-child(2) {
		margin: 0;
	}
	p.page-img a img {
		width: 100% !important;
		margin: 0 !important;
	}


	.listing-block.listing-plus {
/*		padding: 1.5em 1em; */
		padding: 1.5em 0;
	}
	.listing-block.listing-premium {
/*		padding: 0 1em; */
		padding: 0;
	}

	.listing-block.listing-premium ul.ui {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}

	#news-content article {
		width: 60em;
	}
	p .news-img p {
		font-size: .5em !important;
		line-height: 1.5em;
	}

	.mj-w-res-iframe {
		transform: scale(.8);
	}

}
@media only screen and (min-width: 1200px) {

	.content-webcams-index {
		max-width: 70em;
		font-size: 1em;
	}

	.mj-w-res-iframe {
		transform: none;
	}

}
@media only screen and (min-width: 1366px) {


}
@media only screen and (min-width: 1600px) {


}

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

#where-in-the-keys h1,
#where-in-the-keys .h1 {
	display: none;
}

.content-col.display {
	padding-top: 0;
}

.display > ul > li {
	position: static;
	display: block;
	float: left;
	width: 50%;
	height: 0;
	padding-bottom: 45%;
	text-align: center;
	/* background-color: #ccc; */

	float: none;
	width: 100%;
	padding-bottom: 6em;
}
.display > ul > li {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

	#section-keywest {
		background-image: url(../img/main/links/section-key-west-m.jpg);
	}
	#section-lowerkeys {
		background-image: url(../img/main/links/section-lower-keys-m.jpg);
	}
	#section-marathon {
		background-image: url(../img/main/links/section-marathon-m.jpg);
	}
	#section-islamorada {
		background-image: url(../img/main/links/section-islamorada-m.jpg);
	}
	#section-keylargo {
		background-image: url(../img/main/links/section-key-largo-m.jpg);
	}

.display > ul > li > a {
	position: relative;
	display: block;
	height: 0;
	padding-bottom: 90%;
	text-align: left;

	padding-bottom: 6em;
}
.display > ul > li > a > span {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: auto;
	font-size: 1.25em;
	line-height: 5em;
	font-weight: 400;
	padding: 0 0 0 1em;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,0.9);
}

#section-where {
	opacity: .75;
}
#section-where span {

}
#section-where span.where {
	display: block;
	font-family: Big Shoulders Display;
	font-size: 1.3125em;
	font-weight: 700;
	line-height: 1.125em;
	padding: .625em 0 .125em 0;
	color: #004da3;
}
#section-where span.tap {
	display: block;
	font-size: .75em;
	font-weight: 400;
	line-height: 1.5em;
	color: #00226e;
}
#section-where span.tap .fa {
	padding-right: .25em;
}
#section-scroll {
	text-align: center;
	background-color: #fff;
}


.display > ul > li#section-scroll,
.display > ul > li#section-scroll > a {
	padding-bottom: 2.5em;
	text-align: center;
}
.display > ul > li#section-scroll > a > span {
	color: #004da3;
	font-size: 1.5em;
	line-height: 1.67em;
	text-shadow: none;
	width: 100%;
	padding: 0;
}

@media only screen and (min-width: 568px) {

	.display > ul > li {
		width: 50%;
		float: left;
	}
	.display > ul > li#section-scroll {
		clear: both;
		width: 100%;
		float: none;
	}
	.display > ul > li,
	.display > ul > li > a {
		padding-bottom: 6em;
	}

}

@media only screen and (min-width: 768px) {

	.display > ul > li {
		font-size: 2em;
	}

	.display > ul > li,
	.display > ul > li > a {
		padding-bottom: 7.5em;
	}
	.display > ul > li > a > span {
		line-height: 6em;
	}

	#section-keywest {
		background-image: url(../img/main/links/section-key-west.jpg);
	}
	#section-lowerkeys {
		background-image: url(../img/main/links/section-lower-keys.jpg);
	}
	#section-marathon {
		background-image: url(../img/main/links/section-marathon.jpg);
	}
	#section-islamorada {
		background-image: url(../img/main/links/section-islamorada.jpg);
	}
	#section-keylargo {
		background-image: url(../img/main/links/section-key-largo.jpg);
	}

	#section-where span.where {
		padding: 1.25em 0 .125em 0;
	}

}

@media only screen and (min-width: 1024px) {

	#where-in-the-keys h1,
	#where-in-the-keys .h1 {
		display: block;
		font-size: 4.25em;
	}

	.display {
		position: relative;
	}
	.content-col.display article {
		padding-top: 1.5em;
	}
	.display > ul {
		padding-top: 1.5em;
	}
	.home.tdcus .display > ul {
		padding-top: 0;
	}

	.display > ul > li {
		font-size: 1em;
		float: left;
		width: 20% !important;
		height: 0;
		text-align: center;
		background-color: #ccc;

		-webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);

	}
	.display > ul > li,
	.display > ul > li > a {
		padding-bottom: 9em;
	}
	.display > ul > li#section-where,
	.display > ul > li#section-scroll {
		display: none;
	}
	.display > ul > li:nth-child(3n+2) {
		/* width: 20%; */
	}

	.display {
		margin: 0
	}
	body.section .display {
		margin: 0;
	}
	.display > ul > li > a:hover {
		z-index: 10000;
	}

	.display > ul > li > a {
		text-align: center;
	}
	.display > ul > li > a > span {
		width: 100%;
		bottom: -2.5em;
		font-size: 1.5em;
		line-height: 1.5em;
		font-weight: 300;
		padding: .5em 0;
		/* border-bottom: 1px solid rgba(0,0,0,0.125); */
		color: #004da3;
		text-shadow: none;
	}
	.display > ul > li:hover > a > span {
		background-color: #004da3;
		color: #fff;
		border-bottom: 1px solid #004da3;
	}

	.display > ul {
/*		position: relative; */
	}
	.display > ul > li .section-menu {
/*		position: absolute;
		display: block; */
		width: 100%;
		height: 25em;
		background-color: #000;
		margin-top: -25em;
		top: 0;
		left: 0;
	}

	.screen-section {
		display: block;
			visibility: hidden;
			opacity: 0;
		position: absolute;
		top: 12em;
		left: 0;
		width: 100%;
		height: 25em;
		z-index: 9999;


		-webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
		transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);

	}
	.display > ul > li:hover .screen-section {
		top: 12em;
			visibility: visible;
			opacity: 1;
		height: 25em;
		background-color: #000;
	}
	.display > ul > li {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;

	}
	.display > ul > li:hover > a {
		background-color: rgba(256,256,256,0.5);
	}
/*
	#section-keywest {
		background-image: url(../img/main/section-keywest-1.jpg);
	}
	#section-lowerkeys {
		background-image: url(../img/main/section-lowerkeys-1.jpg);
	}
	#section-marathon {
		background-image: url(../img/main/section-marathon-1.jpg);
	}
	#section-islamorada {
		background-image: url(../img/main/section-islamorada-2.jpg);
	}
	#section-keylargo {
		background-image: url(../img/main/section-keylargo.jpg);
	}
*/

	#section-keywest:hover > a {
		background-color: rgba(256,0,0,0.25);
	}
	#section-lowerkeys:hover > a {
		background-color: rgba(256,256,0,0.25);
	}
	#section-marathon:hover > a {
		background-color: rgba(0,256,0,0.25);
	}
	#section-islamorada:hover > a {
		background-color: rgba(0,0,256,0.25);
	}
	#section-keylargo:hover > a {
		background-color: rgba(256,0,256,0.25);
	}

	.display > ul > li#section-where,
	.display > ul > li#section-scroll {
		display: none;
	}
}

.far.fa-fw {
	font-weight: 900;
}

.iframe-center {
	width: fit-content;
	margin: 1rem auto;
}

.svg-inline--fa {
	height: 1em;
}

/* NEW WEBCAM PAGE STYLES */
.partner_logo {
	width: 90%;
	max-width: 260px;
	margin: 0 auto 3rem;
}
.partner_logo.sm {
	width: 80%;
	max-width: 180px;
}
.partner_logo__link {
	display: block;
}
.partner_logo img {
	display: block;
	width: 100%;
	height: auto;
}