@font-face {
    font-family: "Trattatello";
    src: url("https://s3.amazonaws.com/islandtimemv.com/css/Trattatello.ttf") format("truetype"), url('https://s3.amazonaws.com/islandtimemv.com/css/Trattatello.woff') format('woff'),
    url('https://s3.amazonaws.com/islandtimemv.com/css/Trattatello.woff2') format('woff2');font-display:swap
}
html { scroll-padding-top:63px;background-color:#557365}
#lady, #header nav, .verify article, .verify aside, .check, .verify nav, .verify #menu, .pfloat,footer>small span, #header output span, #header small, .donly, .donly * { display:none }
.verify .check { display:block;width:100vw;text-align:center;color:#fff;font-weight:bold }
html{padding:0;margin:0}
body { margin-top:60px;position:relative;background-color:#fff}
body.verify { overflow:hidden }
.check button { margin:20px;padding:10px 15px;font-size:2em } .check span { font-size:2em}
button, a.button, a.nottub { border-radius:15px;text-transform:uppercase;transition:transform 1.3s ease-out .8s, opacity .6s ease-out, color .6s ease-out, background-color .6s ease-out;color:#00A22C;background:rgba(255,255,255,.5);border:2px solid #00A22C;display:inline-block }
a.button, a.nottub { margin-top:80px;padding:20px 30px;font-size:2.3em }
a.button:link, a.button:visited, button { background:rgba(255,255,255,1);border:2px solid #00A22C;text-decoration:none }
a.button:hover, a.button:active, button:hover { cursor:pointer;background:rgba(255,255,255,1);border:2px solid #00A22C;color:#00A22C;text-decoration:none }
a.button:link i { color:#fff }
a.button:hover i { color:#00A22C }
a.button img { fill:#00A22C;margin-top:-5px}
a.nottub { margin-top:20px;font-size:1.3em;padding:20px 15px }
a.nottub:link, a.nottub:visited { color:#00A22C;background:rgba(255,255,255,.5);border:2px solid #000;text-decoration:none }
a.nottub:hover, a.nottub:active { cursor:pointer;background:#00A22C;border:2px solid #00A22C;color:#fff;text-decoration:none }
a.nottub:link i { color:#00A22C }
a.nottub:hover i { color:#fff }
#status { color:firebrick;text-transform:uppercase;font-weight:bold;font-family:Trattatello;font-size:2.5em;text-shadow:1px 1px 1px #000}
#lady, #buttonlady { position:absolute;transition:transform .8s ease-out, left .2s ease-in-out, top .2s ease-in-out;top:10px;right:-3px;height:80px;width:auto }
.verify #lady { width:33vw;transform:scale(2.5,2.5);left:calc(50vw - 16.5vw);top:120px;display:block}
.navopen #lady {transform:scale(3, 3) translate(8px, 32px) }
#buttonlady { left:-10px;right:auto;transform:scale(-1.3, 1.3) }
#header.navopen nav, #header.navopen .pfloat { display:block }
#header { background:url(https://s3.amazonaws.com/islandtimemv.com/img/greenbg.gif);background-size:cover;user-select:none;height:63px;width:100vw;position:fixed;top:0;z-index:10;transform:translateZ(0);transition:height .4s ease-out, background .5s ease-out;box-shadow:0px 0px 11px #222 }
.verify #header { height:100vh}
#header hgroup { margin:0 auto;display:block }
.verify #header hgroup { margin:300px auto 15px auto!important}
.verify #header hgroup { width:fit-content!important }
#header hgroup, #header hgroup a, #header hgroup a {width:230px}
#header hgroup a { height:40px;display:inline-block}
#header hgroup a img { width:230px }
#menu { outline:none;user-select:none;border:0;background-color:transparent;cursor:pointer;-webkit-appearance:none;position:absolute;font-size:1em;top:-1px;left:-12px;text-shadow:2px 2px 2px #000;background-size:60px 30px;height:30px;width:30px}
#menu>span { vertical-align:top}
#menu>img { opacity:.5;transition:transform .5s ease-in-out;width:20px;height:20px;margin-left:-10px }
#header.navopen { height:340px;border-radius:0 0 15px 15px }
#header.navopen #menu { background-position:0 0 }
#header.navopen #menu>img { transform:rotate(-90deg)}
#header h2 { font-family:Trattatello;color:#f4f489;font-size:1em;text-shadow:1px 1px 1px #000;margin:0;
    font-weight:normal;position:relative;text-transform:uppercase }
#header h2::before { pointer-events:none;content:url(https://s3.amazonaws.com/islandtimemv.com/img/ivy.svg);position:absolute;z-index:-1;top:-18px;left:29px;opacity:1;transform:scale(-1.5, 1.5);transition:opacity .3s ease-in-out}
#header output { will-change:transform,opacity;position:absolute;bottom:8px;left:0;color:#af0e60;background:#fff;font-weight:bold;font-size:.8em;text-align:center;transition:transform .3s ease-in .2s, opacity .5s ease-in-out;transform:translateY(300px);display:block;border-radius:0 0 15px 15px;padding:3px 0;opacity:0 }
#header.navopen output { transform:translateY(0px);width:95%;left:calc(50vw - 47.5%);opacity:1 }

nav { margin:14px 180px 0 0;letter-spacing:1px;width:100% }
nav a img { width:20px;margin-top:-5px }
nav a {color:#fff;text-decoration:none;text-transform:uppercase;font-family:Trattatello;text-shadow:1px 1px 1px #000;display:block;width:80%;margin:5px 15px;display:block;font-size:1.1em;font-weight:600;border-bottom:2px inset #6f77b1;line-height:1.6 }
nav>a:first-of-type { color:#ff9637 }
nav>a:nth-of-type(2) { color:#55a555 }
nav>a:last-of-type { color:#c8db36 }
.mmenu { text-shadow:1px 1px 1px #000;color:#fff;white-space:nowrap;font-size:1.2em;padding:0 10px;text-align:left;line-height:1.8;text-transform:lowercase }
.mmenu a { margin:0;border-bottom:none;display:inline }
.mmenu img { width:20px }
.mmenu br { display:inline-block }

footer { background:#557365;padding:18px;overflow:hidden;color:#fff;color:rgb(206, 206, 206);z-index:5;position:relative}
orstooter blockquote::before { content:url(https://s3.amazonaws.com/islandtimemv.com/img/ivy.svg);position:absolute;transform:scale(1.5, 1.5) translate(.4em, 6em);z-index:-1}
footer a i.fab { font-size:12em;margin:40px 35px 0 10px} 
footer div a img { width:100vw }
footer address p { margin:0px 0 40px 15px;text-indent:-45px}
footer>small {display:block;width:100%;text-align:center} footer>small i.fa { display:block;width:100%;text-align:center;font-size:2em;margin:10px 0} footer>small img { width:15px;margin:-4px 6px 0 0;opacity:.6 }
div.pfloat>div:nth-of-type(2){animation-name:float1}
div.pfloat>div:nth-of-type(3),div.pfloat>div:nth-of-type(4),div>div:nth-of-type(6){animation-name:float2}

@keyframes float {
  0%{opacity:0;transform:translate(120vw,0)}30%{opacity:1;transform:translate(80vw,10px)}50%{transform:translate(50vw,-20px)}
    84%{transform:translate(24vw,3px)}100%{transform:translate(-20vw,0);opacity:0}
}
@keyframes float1 {
  0%{opacity:0;transform:translate(120vw,0)}34%{opacity:1;transform:translate(80vw,10px)}45%{transform:translate(50vw,-20px)}
    80%{transform:translate(22vw,3px)}100%{opacity:0;transform:translate(-23vw,0)}
}
@keyframes float2 {
  0%{opacity:0;transform:translate(120vw,0)}38%{opacity:1;transform:translate(58vw,10px)}50%{transform:translate(43vw,-10px)}
    64%{transform:translate(47vw,10px)}85%{transform:translate(34vs,-2px)}100%{opacity:0;transform:translate(-20vw,0)}
}

div.pfloat {width:100vw;position:absolute;transform:translateY(-168px) scale(1.5);opacity:0;transition:opacity .3s ease-in;z-index:-1}
.navopen div.pfloat { opacity:1}

div.pfloat>div { height:0px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:transform 5s;position:absolute;animation-name:float;animation-duration:10s;animation-direction:normal;
  animation-timing-function:ease;animation-iteration-count:infinite;z-index:10}
div.pfloat>div:nth-of-type(2){ margin:-32px 0 9px -19px;animation-delay:1s}
div.pfloat>div:nth-of-type(3){ margin:-32px 9px -13px -9px;animation-delay:1.3s}
div.pfloat>div:nth-of-type(4){ margin:-44px 4px 3px -5px;animation-delay:1.6s}
div.pfloat>div:nth-of-type(5){ margin:-50px 30px 30px 19px;animation-delay:1.9s}
div.pfloat>div:nth-of-type(6){ margin:-39px 20px 2px -1px;animation-delay:1.4s}
div.pfloat>div:nth-of-type(7){ margin:-42px 9px -13px -9px;animation-delay:2s}
div.pfloat>div:nth-of-type(8){ margin:-45px 22px 23px -15x;animation-delay:1.2s}
div.pfloat>div:nth-of-type(9){ margin:-40px 20px -5px 22px;animation-delay:1.5s}

div.pfloat>div>div { height:17px;width:17px;position:relative;display:flex;justify-content:center;
  align-items:center;transform-style:preserve-3d;animation-name:rotate;animation-duration:3s;box-sizing:border-box;
  transition:transform 5s;animation-timing-function:ease;animation-iteration-count:infinite }
div.pfloat>div:nth-of-type(2)>div { animation-duration:3.3s;transition: transform 4s}
div.pfloat>div:nth-of-type(3)>div { animation-duration:3.8s;transition: transform 4.3s}
div.pfloat>div:nth-of-type(4)>div { animation-duration:2.4s;transition: transform 5.3s}
div.pfloat>div:nth-of-type(5)>div { animation-duration:2s;transition: transform 6.3s}
div.pfloat>div:nth-of-type(6)>div { animation-duration:3.2s;transition: transform 7.3s}
div.pfloat>div:nth-of-type(7)>div { animation-duration:4s;transition: transform 8.3s}
div.pfloat>div:nth-of-type(8)>div { animation-duration:1.3s;transition: transform 5.3s}
div.pfloat>div:nth-of-type(9)>div { animation-duration:3.1s;transition: transform 6.3s}
div.pfloat>div>div>div {
  background-image: radial-gradient(farthest-corner at 0% 100%, white 80%, #B9B257 90%, #233C06 100%);box-sizing: border-box;
  height:40%;width:40%;position:absolute;border-radius:50% 0 50% 0;transition:transform 5s;transform-origin:top right;
  transform:translate(-48%, 48%) rotateX(90deg) translateY(150%) rotateX(-90deg) rotateZ(45deg) rotateX(60deg) rotateY(42deg);
}
div.pfloat>div:nth-of-type(2)>div { transition:transform 4s} 
div.pfloat>div:nth-of-type(3)>div { transition:transform:5.3s}

@keyframes rotate { 
    from { transform: translateY(50%) rotateX(80deg) rotateZ(-90deg) }
    to { transform: translateY(50%) rotateX(80deg) rotateZ(270deg) }
}
article a:link, article a:visited { color:#a43939}
article.blogroll section h1 { line-height:1;font-family:Trattatello;font-size:3em;text-shadow:1px 1px 1px #000 }
article.blogroll section h1 a:link, article.blogroll section h1 a:visited, nav h3 a:link { text-decoration:none;color:forestgreen;text-transform:none}article.blogroll a img { width:100% }
html { color:#222;font-size:1em;line-height:1.4;font-family:Raleway, Helvetica, Arial, sans-serif}
iframe { background-color:transparent!important}
article, aside { width:100%;z-index:5;font-size:.9em }
aside>header { width:100%;text-align:center;text-transform:uppercase;background-color: rgb(248, 247, 242);
    font-size:2em;padding:10px 0 13px 0;border-bottom:1px solid #ccc;box-shadow:1px 1px 1px #ccc;position:sticky;top:80px}
article h1 { text-transform:uppercase}
article header { width:85%;text-align:left;margin:65px auto 50px auto }article section { scroll-margin-top:115px}
article.blog { text-align:left }
article.blog p { font-weight:600;font-size:1.3em;margin:10px auto;width:90%}
article.blog header {border-bottom:1px solid green;margin-bottom:0}
article.blog header span { float:right}
article.blog figure { width:95%;margin:10px } article.blog figure img { width:100%}
aside.blog>ul:first-of-type { list-style:none;line-height:2;font-size:1.2em;font-weight:bold }
.blog a:link, .blog a:visited { text-decoration:none }
.blog a:hover, .blog a:active { text-decoration:underline }
aside.blog h3 {font-family:Trattatello;color:rgb(126 226 58);font-size:4.5em;width:214px;line-height:.8;text-align:right;
    margin:-130px 0 0 103px;text-transform:uppercase;-webkit-text-stroke: .01px #000}
article header>p { font-size:1.3em}
article header h2 { font-size:1.2em;margin:0;color:rgb(49 137 28);font-style:italic}
article header h3 { font-size:1.5em;margin:10px 0;font-weight:normal}
.icon { width:6em;height:5em;padding:.8em;float:left;margin:0 1em 1em -.1em;border-radius:5px;clear:left}
article.halfcol h2 { font-weight:300;font-size:2.5em}
article.halfcol h1 { font-size:4em}
article.halfcol>p { font-size:1.5em}
blockquote { font-family:Trattatello;position:relative;z-index:1 }
.inst { margin:30px 0}
.statback { color:#fff;text-align:center;font-family:Trattatello;height:35vh;font-size:2em;text-shadow:1px 1px 1px #000;background:url('https://s3.amazonaws.com/islandtimemv.com/wp-content/uploads/2021/05/grid.png');background-attachment:fixed;background-size:100vw auto;padding-top:5%}
summary { text-align:center!important;width:100%;text-transform:uppercase;padding:10px 0;list-style:none;transition:color .4s ease-in-out, border .5s ease;outline:none;border:1px solid #fff;border-radius:5px }
summary:hover { color:aquamarine}
summary::-webkit-details-marker { display:none}
details { width:90%;color:#fff;text-align:center;font-size:2em;font-weight:bold;margin:10px auto;box-sizing:border-box }
#dispensary summary { background-color:#61CE70;border-color:#61cE70 }
#consumption summary { background-color:#6EC1E4;border-color:#6EC1E4}
#adultuse summary { background-color:#E48D6E;border-color:#E48D6E }
summary:focus{border:1px solid #000}
details div{ text-align:left;background-color:#fff;color:#000;font-size:.7em;font-weight:normal;transition:all 1s ease-out }
details div ul {padding-left:20px}
.pv-container { clear:both }
.pv-block h1, .pv-block h2, .pv-block h3, .pv-block div, .pv-block a { transition:transform 1s ease-out, opacity 1.3s ease-out;transform:translateY(-50vh);opacity:0 }
.pv-block h1 { font-family:Trattatello }
.pv-block h2 { transition-delay:.1s;font-weight:700 }
.pv-block h3 { transition-delay:.2s;font-size:2em}
.htext { width:250px;;margin:0 0 10px 0 }
aside p { padding-left:20px}
.brandvid { margin-top:-20px}
.brandvid h1 { color: rgb(102, 102, 102); font-weight: normal; font-size: 2.3em!important}
.overlay { position:fixed;z-index:0;pointer-events:none;
    top:0;left:0;width:100%;height:100vh;transition:opacity .4s ease-in;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%,rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 100%);}
.unfolded .overlay { opacity:.2}

footer div, address { margin:0 0 20px 0;text-align:left }
footer div:first-child { font-size:1.4em;text-align:center }

footer address p img { margin-right:16px;width:25px;display:inline;opacity:.5 }
footer a:link, footer a:visited { color:rgb(206, 206, 206);transition:color .3s ease;text-decoration:none }
footer a:hover, footer a:active { color:#fff }
footer address { padding-left:40px }
footer a.map { width:100%;border-radius:5px;display:block;height:320px;padding:5px 0 0 10px;background-position:0;background-image:url('https://s3.amazonaws.com/islandtimemv.com/img/map.gif');background-repeat:no-repeat;background-size:100% auto; }

#flower { transition:transform .8s ease-in .6s;transform-origin:52px 92px}
#eye { transition:transform .3s ease-out .8s;transform-origin:100px 22px}
#eyebrow { transition:transform .3s ease-out .8s;transform-origin:1px 2px}
#rose { transition:transform .8s ease-out 2.4s;transform-origin:42px 47px}
.navopen #flower, #lady.sniff #flower, .hiddenquote #flower, #shopnow.sniff #buttonlady #flower { transform:rotate(5deg)}
.navopen #eye, #lady.sniff #eye, .hidden #eyequote, #shopnow.sniff #buttonlady #eye { transform:rotate(-1deg)}
.navopen #rose, #lady.sniff #rose, .hiddenquote #rose, #shopnow.sniff #buttonlady #rose { transform:rotate(-23deg)}
.navopen #eyebrow, #lady.sniff #eyebrow, .hiddenquote #eyebrow, #shopnow.sniff #buttonlady #eyebrow { transform:rotate(1deg)}

footer blockquote { font-size:1.3em;margin:0;text-align:center}
address { font-style:normal }
article { width:100%;text-align:center }
article>p { margin:20px 30px;font-size:1.2em }
.shape {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-bottom:-1px;overflow:hidden;width:100%;line-height:0;direction:ltr;position:relative;z-index:3;margin-top:-160px}
.shape img { width:100vw;height:45px}

::-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 5em 0;
  padding: 0;
}
audio,canvas,iframe,img,svg,video {vertical-align:middle}
.hidden,[hidden] {display:none!important}
.invisible {visibility:hidden}

@media only screen and (min-width:360px) {
    #lady , #buttonlady { display:block }
    .mmenu br { display:none }
    body { margin-top:95px }
    html { scroll-padding-top:73px}
    #header { padding:10px 0 }
    #header h2::before { top:-8px;left:18px}
    #header hgroup { margin:0 0 0 53px;width:auto}
    #menu { font-size:.8em;top:10px;left:5px }
    #menu>img { width:25px;height:25px;margin-left:0 }
    #header output { width:95%;left:calc(100vw - 97%)}
    nav>a { font-size:1.3em }
    .navopen #lady { transform:scale(3.5, 3.5) translate(-9px, 32px)}
    .mmenu { font-size:.9em;text-align:center;padding-top:40px;display:flex;justify-content:space-between }
    footer blockquote::before {transform:scale(2, 2) translate(1.1em, 3.2em)}
    footer a i.fab { font-size:6em;}
    footer div a img { width:40vw }
    footer address p { margin:0 0 40px 40px }
}
@media only screen and (min-width: 400px) {
    #lady { height:90px }
    .navopen #lady { transform:scale(3, 3) translate(-5px, 37px)}
    #header output span { display:inline }
    .mmenu{ font-size:1.1em}
    #menu {top:11px;left:1px}
    #header hgroup a, #header hgroup a img { width:250px}
    #header hgroup h2 { font-size:1.1em}
    #header h2::before { transform: scale(-1.8, 1.8) }
    div.pfloat>div { animation-duration:15s }
    div.pfloat>div:nth-of-type(2){ margin:-32px 0 9px -59px;animation-delay:1s}
    div.pfloat>div:nth-of-type(3){ margin:-32px 9px -13px 29px;animation-delay:4.3s}
    div.pfloat>div:nth-of-type(4){ margin:-44px 4px 3px -95px;animation-delay:3.6s}
    div.pfloat>div:nth-of-type(5){ margin:-50px 30px 30px 139px;animation-delay:6.9s}
    div.pfloat>div:nth-of-type(6){ margin:-39px 20px 2px -13px;animation-delay:9.4s}
    div.pfloat>div:nth-of-type(7){ margin:-42px 9px -13px 199px;animation-delay:2s}
    div.pfloat>div:nth-of-type(8){ margin:-45px 22px 23px -315x;animation-delay:5.2s}
    div.pfloat>div:nth-of-type(9){ margin:-40px 20px -5px 232px;animation-delay:7.5s}
}

@media only screen and (min-width:540px) {
    body { margin-top:115px}
    #header { height:90px}
    html { scroll-padding-top:100px}
    #header.navopen { height:480px }
    #menu { font-size:1em;top:70px}
    #header hgroup { width:auto}
    #header hgroup a { height:60px}
    nav a { font-size:1.4em}
    nav>a { font-size:1.8em}
    #header output { font-size:1.5em}
    #header hgroup a img { width:360px}
    #header hgroup h2 { font-size:1.65em }
    #header h2::before { transform: scale(-2.3, 2.3);top:-21px;left:97px }
    #lady { height:120px }
    .htext { width:400px}
    .navopen #lady { transform:scale(3, 3) translate(-8px, 50px)}
    .mmenu { padding-top:60px;font-size:1.4em}
    footer blockquote::before { transform: scale(3, 3) translate(1.8em, 1.6em)}
    footer address p{ font-size:2em}
    footer address p a { font-size:1em}
}
@media only screen and (min-width:666px){
    #lady { right:10px }
    #buttonlady { transform:scale(-1.5, 1.5) }
    .mmenu { font-size:1.8em} .htext { width:500px}
    .pv-block h1 { font-size:3em}
    #header output small { display:block;width:150px;
    float:right;color:dodgerblue;text-align:left;font-family:Helvetica, Arial;margin:4px 0 0 0;text-shadow:none;font-size:.4em}
    footer blockquote::before { transform:scale(3, 3) translate(2.3em, 1.4em)}
}
@media only screen and (min-width:820px){
    .brandvid h1 { font-size:1.8em!important;margin-top:0}
    nav>a { font-size:2.2em}
    .navopen #lady { transform:scale(3.4, 3.4) translate(-41px, 41px)}
    .mmenu { padding-top:20px;font-size:2em}
    #header h2::before { top:-3px }
    #header output { font-size:1.1em;font-family:Trattatello;font-weight:900;text-transform:uppercase;text-shadow:1px 1px 1px green }
    footer blockquote::before {transform:scale(4, 4) translate(2.5em, .8em)}
    footer>small span { display:inline } footer>small br { display:none} footer>small i.fa { margin:0 10px;font-size:1.1em;display:inline}
}


@media only screen and (min-width:1024px) {
    body { margin-top:112px} .htext { width:550px}
     .brandvid h1 { margin-top:1.5em}
    .donly { display:inline }
    html { scroll-padding-top:95px}
    #header, #header.navopen { height:70px;padding:10px 0 30px }
    #header nav, .pfloat { display:block }
    hr, .mmenu,#menu,.pv-block h1.repeated, #header.navopen nav, .verify nav, .verify .pfloat { display:none!important }
    #lady { height:63px;right:10px}
    #header hgroup { max-width:40%;display:block}
    #header hgroup a img {width:365px }
    #header h2 { font-size:1.65em;margin:0 }
    #header h2::before { transform: scale(-2.2, 2.2);left:90px;top:0 }
    #header output div { position:absolute;width:0;height:0;top:7px;right:-13px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:25px solid #fff}
    #header hgroup img { margin:0}
    #header hgroup { margin:0 0 0 30px}
    #header.hiddenquote div.pfloat, #header.hiddenquote output { opacity:0!important }
    #header output { opacity:1;border-radius:18px;font-size:1.1em;margin:0;width:525px;font-family:Trattatello;text-transform:uppercase;text-shadow:1px 1px 1px green;left:unset;bottom:unset;transform:none;top:-58px;right:94px}
    nav { display:block;text-align:right;margin:0 20px 0 0;width:auto;transform:translateY(-30px) }
    nav>a { margin:0 5px;border-bottom:2px solid #557365;font-size:.9em;display:inline-block;width:auto;color:#fff!important;transition:border .2s ease-in;font-family:Raleway, Helvetica, Arial, sans-serif }
    nav>a:hover { border-bottom:2px solid #fff }
    div.pfloat {transform:translateY(-60px);opacity:1 }
    .pv-block h2 { font-size:2.8em;margin-top:40px}
    .halfcol { width:50%;display:inline-block}
    .inst { text-align:center;clear:both}
    .inst iframe { width:28%!important;display:inline-block!important;margin:0 20px!important}
    .statback { height:90vh;font-size:3em;background-attachment:fixed;background-size:cover;padding-top:30%}
    a.button { margin-top:40px;color:#fff }
    a.button:link, a.button:visited { background:rgba(255,255,255,.5);border:2px solid #fff}
    a.button:hover, a.button:active { background:rgba(255,255,255,1)}
    
    aside p, aside ul, aside iframe { margin-left:0}
    aside>header { top:110px;border-bottom-right-radius:9px }
    article { width:75%;float:left }
    article.fullwidth { width:100%;float:none }
    article.fullwidth ul { width:40%;margin:0 auto;font-size:1.1em}
    article.fullwidth blockquote { width:55vw;margin:20px auto }
    article.fullwidth p { margin:20px auto;width:40vw }
    article.blogroll { text-align:left }
    figure.alignright { float:right;margin:0 0 10px 10px;display:inline-block;width:30% }
    article.blogroll section { clear:both;width:85%;margin:20px auto }
    article.blogroll section h1 { line-height:1.2;font-size:5em}
    article.blogroll section p { font-size:1.3em}
    article.blog p { width:85%}
    .entry_date { font-size:1.1em;font-weight:bold}
    article.blogroll a img { width:250px;height:auto;float:left;margin:0 30px 30px 0 }
    article header h2 { font-size:1.5em}
    details { cursor:pointer;color:#fff;width:85% }
    details div{ background-color:#fff;color:#000;text-align:left;cursor:default}
    details div p, details div table, details div h3 { margin-left:25px}
    aside { width:calc(25% - 10px);float:left;box-shadow:-2px 0 0 #ccc }
    .shape img { height:95px}
    footer { padding:100px 0 10px 0}
    footer section { display:flex;justify-content:space-evenly}
    footer a.map { width:100%;height:340px}
    footer a.map:hover { background-image:url('https://s3.amazonaws.com/islandtimemv.com/img/maphover.gif')}
    footer div:first-child, footer blockquote { text-align:left;color:#fff}
    footer div, address { width:25vw;vertical-align:top}
    footer address { width:20vw;line-height:1.5;padding-left:0;font-size:1.1em }
    footer address p { margin:0 0 40px 20px;font-size:1em}
    footer div:last-of-type { width:35vw}
    footer blockquote { top:0}
    footer blockquote::before { transform:scale(1.4, 1.4) translate(.5em, 5.5em)}
    footer a i.fab {font-size:3em}
    footer div a img { width:48%;opacity:.5;transition:opacity .3s ease-in-out }
    footer div a:hover img { opacity:1}
    footer>small img { margin:-5px 10px }
}

@media only screen and (min-width: 1200px) {
    #lady { height:90px }
    nav>a { margin:0 15px}
    nav { transform:translate(-90px, -30px) }
    #header output { width:680px;right:14px;font-size:1.5em}
    #header output div { top:13px}
    .brandvid h1 { font-size:1.9em!important;user-select:none}
}

@media only screen and (min-width:1024px) and (min-height:575px) {
    .brandvid h1 { font-size:2.2em!important;margin-top:1em }
}


@media only screen and (min-width: 1300px) {
    nav { transform:translate(-118px, -35px)}
    nav>a { font-size:1em;margin:0 34px}
    #lady { height:115px;right:20px}
    #header output { width:870px;right:14px;font-size:1.7em}
    #header output small { width:210px}
    footer blockquote::before { transform:scale(2.1, 2.1) translate(1.3em, 2.5em)}
    footer a i.fab { font-size:6em}
}

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
@media print {
  *,*::before,
  *::after{background:#fff!important;color:#000!important;box-shadow:none!important;
    text-shadow:none!important}
    #header, footer { position:relative;background-color:#999!important}
    .shape { display:none}
  a,a:visited{text-decoration:underline}
  abbr[title]::after{content:"(" attr(title) ")"}
  a[href^="#"]::after,a[href^="javascript:"]::after{content:""}
  blockquote{ page-break-inside:avoid}
  p,h2,h3{orphans:3;widows:3}
  h2,h3{page-break-after:avoid}
}