/*!HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/*/html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{margin:0;padding:0;background-color:#1e1b16;background-image:url(../img/bg-mobile.png);background-repeat:repeat-x;background-position:center top;background-size:auto;font-family:Open Sans}#wrapper{margin:0 auto}.side-banner,.footer-banner,.web-banner{display:none}header{display:block;width:100%;margin:67px 0 40px}header h1,header h2{margin:0 .5em;padding:0;text-indent:-9999px;background-repeat:no-repeat;background-position:top center;background-size:contain}header h1{margin-top:-5px;background-image:url(../img/southernmost-webcam-logo.png)}header h1 a{display:block;width:100%;height:100%;max-width:660px;margin:0 auto}header h2{width:50%;margin:0 auto;background-image:url(../img/live-from-key-west.png)}header .the-conch-republic{display:none}nav ul,nav ul li{list-style:none;margin:0;padding:0;text-align:center}nav{width:93.75%;margin:-10px auto 10px}nav ul{}nav ul li{font-family:Open Sans,sans-serif;font-size:.625em;line-height:1.5em;display:inline-block;width:32%;margin:0}nav ul li:first-child{}nav ul li:nth-child(2){margin:0 2%}nav ul li a{display:block;color:#fff;text-decoration:none;background-color:#000;border-radius:3px;padding:.75em 0;width:100%}body.archive nav ul li:nth-child(2) a{color:#fff}#cam-wrapper{}#cam-wrapper p{margin-top:0}#cam-wrapper p.icon{float:right;text-align:right;padding-right:6.25%}#cam-wrapper p.credit{float:left;text-align:left;font-size:12px;line-height:30px;padding-left:6.25%}#cam-wrapper p{text-align:center;color:#efefef}#cam-wrapper p a{color:#fff;text-decoration:none}.cam-block{position:relative;margin:0 auto 10px;border:10px solid #fff}.cam-block.cam-offline{padding-bottom:46.47%}.cam-block.cam-archive{width:87.5%;height:0;padding-bottom:49.2%}.cam-block video,.cam-block embed,.cam-block object,.cam-block a.thumbnail,.cam-block img.play-button,#contentElement,#adContainer{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}#adContainer>div,#adContainer iframe{width:100%!important;height:100%!important}#desktop-cam.cam-block,.cam-block a.thumbnail{background-image:url(https://www.floridakeyswebcams.tv/axiscam/southernmostpoint/southernmostpoint.jpg);background-repeat:no-repeat;background-size:contain;background-color:transparent}.cam-block.cam-archive img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;z-index:1}.cam-block.cam-archive a{display:block;position:absolute;top:0;width:50%;height:100%;text-indent:-9999px;z-index:2;transition:all .1s ease-out;-moz-transition:all .1s ease-out;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out}.no-touch .cam-block.cam-archive a:hover,.no-touch .cam-block.cam-archive a.indicate{background-color:rgba(256,256,256,.1)}.cam-block.cam-archive a.prev{left:0}.cam-block.cam-archive a.next{right:0}#archive-content{background-color:#1e1b16;color:#fff}.archive-block{text-align:center;padding:1em 1em 0;color:#fff}.archive-block a{text-decoration:none;color:#ffc843;font-weight:700;text-transform:uppercase}.archive-block input[type=submit]{background-color:#fbc22b;color:#000}.archive-block ul,.archive-block ul li{list-style:none;margin:0;padding:0}.archive-block ul{width:100%;max-width:660px;margin:0 auto}.archive-block ul li{font-size:.875em;line-height:1.5em;float:left;width:60%}.archive-block ul li.prev{text-align:left;width:20%}.archive-block ul li.next{text-align:right;width:20%}nav.archive-block ul li:nth-child(2){}.archive-block p{margin-top:0;padding-top:0}.time-select{width:100%;max-width:720px;margin:0 auto 10px;padding-bottom:1em;border-bottom:1px dotted #fff}.page-block{width:75%;margin:0 auto;padding:1.5em 0;background-color:#fff}.page-block h3{text-align:center;font-size:1.5em;line-height:1.5em}.page-block p{font-size:1.25em;line-height:1.5em;width:75%;margin-left:auto;margin-right:auto}.page-block p a{color:#bc0000;text-decoration:none}#content{width:93.75%;margin:0 auto;padding:0 0 1.5em}#content p{font-family:Open Sans,sans-serif;color:#fff;font-size:1em;line-height:1.5em}.mid-block{display:block;margin:15px 0;text-align:center}.mid-block label{display:block;font-family:Open Sans,sans-serif;font-size:.75em;font-size:.6875em;font-weight:700;line-height:2em;text-align:center;color:#fff;text-transform:uppercase}.mid-block p{margin:.5em 0 0;padding:0;font-family:Open Sans,sans-serif;font-size:.6875em;font-weight:400;line-height:1.25em;text-align:center;color:#fff}.mid-block p a{color:#fff;text-decoration:none}select,input{margin:0 .5em;padding:.5em .75em;border:0;border-radius:3px;font-family:Open Sans;font-size:.875em;line-height:1.25em;max-width:180px}input[type=text]{}input[type=submit]{background-color:#bc0000;color:#fff;border:1px solid #fff}#logos{text-align:center;background-color:#fff;padding:0}#logos img{display:inline-block;max-width:125px;max-height:50px;margin:10px}footer{background-color:#000;padding:1em 0}footer p{font-family:Open Sans;font-size:.75em;line-height:1.25em;color:#fff;text-align:center}footer p a{color:#fff}@media only screen and (max-width:480px){#web-banner-block{width:320px;height:50px;margin:0 auto}.web-banner{display:block;margin:0 auto;width:320px;height:50px;background-color:#fff}}@media only screen and (max-width:736px){#web-banner-block{width:320px;height:50px;margin:0 auto}.web-banner{display:block;margin:0 auto;width:320px;height:50px;background-color:#fff}}@media only screen and (min-width:480px){header{margin:60px 0 45px}nav{margin:2px auto}footer p span{display:block}}@media only screen and (min-width:768px){body{background-image:url(../img/bg-tablet.png);background-size:auto;background-position:center top}#wrapper{margin:0 auto}header{position:relative;display:block;width:100%;margin:0}header h1{width:100%;margin:0;position:absolute;top:117px;background-size:auto}header h2{width:100%;margin:0;position:absolute;top:83px;background-size:29%}nav{position:absolute;top:158px;width:100%;margin:0}nav ul{width:480px;margin:0 auto}nav ul li{font-size:1em;line-height:1.5em;font-weight:700;text-transform:uppercase}nav ul li a{background-color:transparent;border-radius:0;color:#ffc843}nav ul li a:hover{color:#fff}#cam{width:100%;padding:208px 0 80px;height:360px;background-color:transparent}#cam #mobile-cam{display:block}#cam #desktop-cam{margin:22px auto 10px;display:block}.page-block{min-height:300px}.page-block h3{font-size:1.625em;line-height:1.5em}.page-block p{font-size:1.5em;line-height:1.5em;width:auto;padding-left:2em;padding-right:2em}#main{clear:both;width:100%;margin:-10px 0 0;padding:1.5em 0 0;background-color:#1e1b16}#content{width:660px;margin:0 auto}#mid-forms-block,#mid-banner-block{width:720px;margin:0 auto}#mid-forms-block{margin:10px auto 30px}.mid-banner{display:block;margin:0 30px;width:300px;height:250px;float:left;background-color:#fff}.mid-block{display:block;margin:0;width:50%;float:left;text-align:center}#footer-banner-block{width:728px;height:90px;margin:0 auto}.footer-banner{display:block;margin:0 auto;width:728px;height:90px;background-color:#fff}footer{}footer p span{display:inline}}@media only screen and (min-width:1024px){body{margin:0;padding:0;background-image:url(../img/bg-sky.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed}#wrapper{margin:0 auto;background-image:url(../img/bg-desktop.png);background-repeat:no-repeat;background-position:top center}header h1{top:229px}header h2{top:195px;background-size:21%}header .the-conch-republic{display:block;position:absolute;top:0;left:calc(50vw - 112px);width:225px;height:140px;text-indent:-9999px}nav{top:273px}#cam{width:760px;height:auto;margin:0 auto;padding:300px 0 0}.cam-block{width:84.21%;margin:22px auto 10px}.cam-block.cam-offline{padding-bottom:44.74%}.cam-block.cam-archive{width:84.21%;padding-bottom:47.37%}.archive-block{padding:1em 0 0}.archive-block ul li{font-size:1em;line-height:1.5em}.archive-block ul li.prev a:before{content:"← "}.archive-block ul li.next a:after{content:" →"}.page-block{margin-top:22px}.page-block p{}}@media only screen and (min-width:1200px){#wrapper{margin:0 auto;background-image:none;background-repeat:no-repeat;background-position:top center}#wrapper-desktop{position:relative;width:1160px;margin:0 auto;background-image:url(../img/bg-desktop.png);background-repeat:no-repeat;background-position:top center}header .the-conch-republic{left:468px}.side-banner{position:absolute;display:block;top:70px;width:160px;height:600px;background-color:#fff;z-index:9999}#left-banner.side-banner{left:0}#right-banner.side-banner{right:0}}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media only screen and (min-width:35em){}@media print,(-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}