@font-face
{
font-family: fakereceipt;
src: url('fonts/fakereceipt.eot') format('embedded-opentype'),
    url('fonts/fakereceipt.ttf') format('truetype'),
     url('fonts/fakereceipt.otf') format('opentype'),
      url('fonts/fakereceipt.woff') format('woff');
}

* {
    margin:0;
    padding:0;
}

body {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size:62.5%;
    color:#fff;
    text-shadow: 0 0 1px rgba(255,255,255,0.3); /* Font Smoothing */
    overflow-x:hidden;
    text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust:100%;
}

img {
    display:block;
    max-width:100%;
    width:auto;
}

#content {
    position:relative;
    overflow:hidden;
}

section {
    font-size:1.5em;
    margin:0 auto;
    max-width:940px;
    padding:0 10px;
    position:relative;
    height:100%;
}
#fishing-line-bottom div:nth-child(1), #fishing-line-bottom div:nth-child(2), #fishing-line-bottom div:nth-child(3), #fishing-line-bottom div:nth-child(4), #fishing-line-bottom div:nth-child(5), #fishing-line-bottom div:nth-child(6), #fishing-line-bottom div:nth-child(7), #fishing-line-bottom div:nth-child(8), #fishing-line-bottom div:nth-child(9), #fishing-line-bottom div:nth-child(10), .column.left .receipt:before, .column.left .receipt:after, .column.right .receipt:before, .george:before, .column.right .receipt:after, .george:after {
  background: url('images/lines-s36bcff5504.png') no-repeat;
}
/* Hero */

#hero-content {
    background:url(images/header-hugh-signboards.png), url(images/header-starburst.png), url(images/header-pattern.png);
    background-position:bottom center, top center, top center;
    background-repeat:no-repeat, repeat, repeat;
    height:295px;
    padding-top:35px;
    font-weight:bold;
    position:relative;
}

#hero-content p {
    color:#333;
    width:450px;
    text-transform:none;
    font-size:17px;
    margin-bottom:20px;
}
#hero-content .small a {
 color:#124f5c;
    text-decoration:none;
}
.small a:hover {
 text-decoration:underline;   
}

p.title span {
    display:block;
}
#hero-content .small {
 font-size:15px;   
    width:440px;

}
.linklogo {
 float:right;   
}
#conservelogo {
    border-bottom: 1px solid #1c6183;
    padding-bottom:4px;
    margin-bottom:10px;
    margin-top:-10px;
}
#goodfish {
   clear:right;
    padding-right:15px;
}

p.title span.drop {
    font-size:7.8em; /* 11.77 / 1.5 */
    line-height:0.7em;
    float:left;
    text-shadow:3px 1px 0px #157d93;
}

p.title span.first {
    font-size:2.3em; /* 3.19 / 1.5 */
    line-height:0.7em;
    letter-spacing:-0.08em;
    margin-bottom:8px;
    text-shadow:1px 0px 0px #157d93;
}

p.title span.second {
    font-size:1.7em; /* 2.359 / 1.5 */
    line-height:0.7em;
    letter-spacing:-0.08em;
    margin-bottom:8px;
    text-shadow:1px 0px 0px #157d93;
}

p.title span.third {
    font-size:1.3em; /* 1.723 / 1.5 */
    line-height:0.7em;
    letter-spacing:-0.11em;
    margin-bottom:8px;
    text-shadow:1px 0px 0px #157d93;
}

p.title span.fourth {
    font-size:1.2em; /* 1.713 / 1.5 */
    line-height:0.7em;
    letter-spacing:-0.06em;
    margin-bottom:8px;
    text-shadow:1px 0px 0px #157d93;
}

p.title span.fifth {
    font-size:1.6em; /* 2.251 / 1.5 */
    line-height:0.7em;
    letter-spacing:-1px;
    margin-bottom:8px;
    text-shadow:1px 0px 0px #157d93;
}

p.title span.sixth {
    font-size:1.5em; /* 1.986 / 1.5 */
    line-height:0.7em;
    letter-spacing:-2px;
    margin-bottom:35px;
    text-shadow:1px 0px 0px #157d93;
}

p.end {
    font-size:1.5em; /* 21.5 / 1.5 */
    line-height:0.7em;
    letter-spacing:-1.0px;
    margin-bottom:10px;
    text-shadow:1px 0px 0px #157d93;
}

.bottom-nav {
     margin-top:55px;   
}
.button:hover, .button:active {
    background:#1e5a5f;
}

#hero-content .button.story {
   margin-top:5px;
    font-size:17px;
}

#hero-content .button.ocean {
    margin-top:9px;   
}

#fishing-line-top {
    background-image:url(images/fishing-line-top.png);
    width:180px;
    height:367px;
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-22px;
    z-index:1;
}

/* Water */

#water {
    top:27px;
    padding-top:33px;
    padding-bottom:620px;
    position:relative;
    background:url(images/water-repeat.jpg);
    background-image: url(images/sea-bed-home.png),-moz-linear-gradient(top, rgba(7,35,41,0) 0%, rgba(7,35,41,0) 1%, rgba(0,0,0,1) 90%),url(images/water-repeat.jpg); /* FF3.6+ */
    background-image: url(images/sea-bed-home.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,35,41,0)), color-stop(1%,rgba(7,35,41,0)), color-stop(90%,rgba(0,0,0,1))),url(images/water-repeat.jpg); /* Chrome,Safari4+ */
    background-image: url(images/sea-bed-home.png),-webkit-linear-gradient(top, rgba(7,35,41,0) 0%,rgba(7,35,41,0) 1%,rgba(0,0,0,1) 90%),url(images/water-repeat.jpg); /* Chrome10+,Safari5.1+ */
    background-image: url(images/sea-bed-home.png),-o-linear-gradient(top, rgba(7,35,41,0) 0%,rgba(7,35,41,0) 1%,rgba(0,0,0,1) 90%),url(images/water-repeat.jpg); /* Opera 11.10+ */
    background-image: url(images/sea-bed-home.png),-ms-linear-gradient(top, rgba(7,35,41,0) 0%,rgba(7,35,41,0) 1%,rgba(0,0,0,1) 90%),url(images/water-repeat.jpg); /* IE10+ */
    background-image: url(images/sea-bed-home.png),linear-gradient(to bottom, rgba(7,35,41,0) 0%,rgba(7,35,41,0) 1%,rgba(0,0,0,1) 90%),url(images/water-repeat.jpg); /* W3C */
    background-repeat:repeat-x, repeat, repeat;
    background-position:bottom center, top center, top center;
}

#water:before {
    position:absolute;
    height:42px;
    width:100%;
    top:-42px;
    content:"";
    background-image:url(images/water-top.png);
    background-position:center;
}

#water h1 {
    font-size:4.25em;
    letter-spacing:-0.02em;
    text-shadow:5px 0px 1px #1e5a5f;
    white-space:nowrap;
    line-height:0.8em;
    margin-bottom:2vw;
}

#water h2 {
    color:#39b8ce;
    text-shadow: 4px 0px 0px #336466;
    white-space:nowrap;
    line-height:1.1em;
}

#water h2 span.white {
    color:#FFF;
}

#water h2.first {
    font-size:1.7em;
    letter-spacing:-1px;
}

#water h2.second {
    font-size:1.7em;   
}

#water h2.third {
    font-size:2.25em;   
}

#water h2.fourth {
    font-size:2.6em; 
    letter-spacing:-0.06em;
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    #water h1 {
        font-size:3.7em;
    }
    
    #water h2.second {
        font-size:1.6em;   
        letter-spacing:0px;
    }
    
    #water h2.third {
        font-size:2.0em;
        letter-spacing:-0.1px;
    }
    
    #water h2.fourth {
        font-size:2.3em; 
        letter-spacing:-2px;
    }
}*/

.toolkit {
    overflow:hidden;
    margin-bottom:160px;
    padding:0;
}

@media (min-width: 960px) {
    #fishing-line-bottom {
        background-image:url(images/fishing-line-bottom.png);
        width:27px;
        height:3104px;
        position:absolute;
        top:260px;
        left:50%;
        margin-left:-18px;
        z-index:1;
    }
    
    #fishing-line-bottom div {
        position:absolute;
    }
    
    #fishing-line-bottom div:nth-child(1) {
      background-position: 0 -387px;
      width: 140px;
      height: 47px;
      left: -123px;
      top: 55px;
    }
    
    #fishing-line-bottom div:nth-child(2) {
      background-position: 0 -507px;
      width: 129px;
      height: 42px;
      top: 85px;
      left: 17px;
    }
    
    #fishing-line-bottom div:nth-child(3) {
      background-position: 0 -683px;
      width: 112px;
      height: 28px;
      top: 580px;
      left: -92px;
    }
    
    #fishing-line-bottom div:nth-child(4) {
      background-position: 0 -473px;
      width: 116px;
      height: 34px;
      top: 584px;
      left: 21px;
    }
    
    #fishing-line-bottom div:nth-child(5) {
      background-position: 0 -434px;
      width: 137px;
      height: 39px;
      top: 1060px;
      margin-left: -118px;
    }
    
    #fishing-line-bottom div:nth-child(6) {
      background-position: 0 -589px;
      width: 81px;
      height: 37px;
      top: 1115px;
      left: 10px;
    }
    
    #fishing-line-bottom div:nth-child(7) {
      background-position: 0 -626px;
      width: 105px;
      height: 32px;
      top: 1560px;
      left: -87px;
    }
    
    #fishing-line-bottom div:nth-child(8) {
      background-position: 0 -549px;
      width: 93px;
      height: 40px;
      top: 1650px;
      left: 18px;
    }
    
    #fishing-line-bottom div:nth-child(9) {
      background-position: 0 -658px;
      width: 112px;
      height: 25px;
      top: 2044px;
      left: -95px;
    }
    
    #fishing-line-bottom div:nth-child(10) {
      background-position: 0 -711px;
      width: 51px;
      height: 30px;
      top: 2180px;
      left: 18px;
    }
    
    #bag-1, #bag-2, #bag-3, #bag-4, #bag-5 {
        position:absolute;
        left:50%;   
         -webkit-transition: top 0.2s linear;
  -moz-transition: top 0.2s linear;
  -o-transition: top 0.2s linear;
  transition: top 0.2s linear;
    }
    
    #bag-1 {
        background-image:url(images/bag-1.png);
        width:289px;
        height:352px;
        top:170px;
        margin-left:-780px;
    }
    
    #bag-2 {
        background-image:url(images/bag-2.png);
        width:398px;
        height:181px;
        top:770px;
        margin-left:-820px;
    }
    
    #bag-3 {
        background-image:url(images/bag-3.png);
        width:320px;
        height:343px;
        top:1200px;
        margin-left:-760px;
    }
    
    #bag-4 {
        background-image:url(images/bag-4.png);
        width:429px;
        height:273px;
        top:570px;
        margin-left:400px;
    }
    
    #bag-5 {
        background-image:url(images/bag-5.png);
        width:382px;
        height:349px;
        top:1520px;
        margin-left:380px;
    }
}

.column {
    width:47.5%;
    z-index:4;
    position:relative;
    -webkit-transition:all 250ms;
}

.column.left {
    float:left;
}

.column.right {
    float:right;
}

.receipt {
    position:relative;
    width:313px;
    height:457px;
    background-image:url(images/receipt.png);
    color:#002935;
    text-shadow: 0 0 1px rgba(0,41,53,0.3); /* Font Smoothing */
    font-family:fakereceipt, sans-serif;
    text-align:center;
    left:50%;
    margin-left:-157px;
    -webkit-transition:all 250ms;
}

.receipt img {
    margin:0 auto;   
}

.receipt a {
    color:inherit;
    text-decoration:none;
}
.receipt a:hover {
 text-decoration:underline;   
}

.receipt p {
    position:absolute;
    top:160px;
    width:100%;
}

.receipt span {
    display:block;
    white-space:nowrap;
    position:relative;
}

.receipt .dotted {
    font-size:8px;
    margin-top:3px;
    margin-bottom:3px;
}

.receipt .medium {
    font-size:16.5px;
    margin-bottom:4px;
}

.receipt .large {
    font-size:22px;   
    margin-bottom:2px;
}

.receipt .tiny {
    font-size:9px;   
}

.receipt .small {
    font-size:15px;
    margin-bottom:4px;
}

.receipt span:nth-child(5) {
    padding-left:50px;
}

.receipt span:nth-child(5):before {
    content:" ";
    position:absolute;
    background-image:url(images/receipt-facebook.png);
    width:15px;
    height:30px;
    left:80px;
    top:-2px;
}

.receipt span:nth-child(6) {
    padding-left:50px;
}

.receipt span:nth-child(6):before {
    content:" ";
    position:absolute;
    background-image:url(images/receipt-twitter.png);
    width:30px;
    height:24px;
    left:73px;
    top:4px;
}

.receipt span:nth-child(7) {
    padding-left:50px;
}

.receipt span:nth-child(7):before {
    content:" ";
    position:absolute;
    background-image:url(images/receipt-email.png);
    width:29px;
    height:18px;
    left:73px;
    top:6px;
}

.receipt.aldi {-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);top:-2px;margin-left:-200px;}
.receipt.aldi img {padding-top:20px;}
.receipt.asda {-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);top:-38px;margin-left:-92px;}
.receipt.asda img {padding-top:70px;}
.receipt.cooperative {-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);margin-left:-190px;}
.receipt.cooperative img {padding-top:80px;}
.receipt.tesco {-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg);top:-20px;margin-left:-130px;}
.receipt.tesco img {padding-top:80px;}
.receipt.morrisons {-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);margin-left:-195px;}
.receipt.morrisons img {padding-top:30px;}
.receipt.morrisons span:nth-child(8) {font-size:14px;}
.receipt.waitrose {-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);margin-left:-150px;}
.receipt.waitrose img {padding-top:80px;}
.receipt.waitrose span:nth-child(8) {font-size:14px;}
.receipt.sainsburys {-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);margin-left:-185px;top:-5px;}
.receipt.sainsburys img {padding-top:60px;}
.receipt.sainsburys span:nth-child(8) {font-size:14px;}
.receipt.lidl {-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg);top:60px;margin-left:-155px;}
.receipt.lidl img {padding-top:30px;}
.receipt.mands {-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg);top:-5px;margin-left:-170px;}
.receipt.mands img {padding-top:60px;}

@media (min-width: 960px) {    
    .column.left .receipt:before {
      content: " ";
      background-position: 0 0;
      width: 49px;
      height: 147px;
      position: absolute;
      right: -20px;
      top: -90px;
    }
    
    .column.left .receipt:after {
      content: " ";
      background-position: 0 -147px;
      width: 55px;
      height: 70px;
      position: absolute;
      right: 10px;
      top: -30px;
    }
    
    .column.right .receipt:before, .george:before {
      content: " ";
      background-position: 0 -286px;
      width: 58px;
      height: 101px;
      position: absolute;
      left: -35px;
      top: -45px;
    }
    
    .column.right .receipt:after, .george:after {
      content: " ";
      background-position: 0 -217px;
      width: 54px;
      height: 69px;
      position: absolute;
      left: 18px;
      top: -2px;
    }
}

.george {
    position:relative;
    width:314px;
    height:262px;
    background-color:#2095b0;
    border-radius:20px;
    font-weight:bold;
    top:145px;
    margin-left:60px;
    -webkit-transition:all 250ms;
    padding-top:28px;
}

.george p {
    background-color:#bcdfe7;
    height:72px;
    margin-bottom:28px;
}

.george p span {
    text-align:center;
    display:block;
}

.george p span:nth-child(1) {
    color:#001f2a;
    font-size:30px;
    letter-spacing:-3px;
    padding-top:10px;
    line-height:1em;
}

.george p span:nth-child(2) {
    color:#2196b1;
    font-size:16.5px;
    line-height:1em;
    letter-spacing:-1.2px;
    text-transform:none;
}

.george a {
    color:inherit;
    text-decoration:none;
    font-size:28px;
    line-height:0.9em;
    letter-spacing:-2px;
    display:block;
    padding-left:15px;
    margin-bottom:10px;
}
.george a[href^=tel]{
 font-size:24px !important; 
    padding:0 !important;
    
}
.george span:nth-child(4) {
    margin-top:20px;   
}

.george span:nth-child(n+4)  {
    display:block;
    padding-left:15px;
    font-size:19.5px;
    margin-bottom:3px;
}

.george img {
    position:absolute;
    right:25px;
    bottom:-35px;
     clip: rect(0px, 134px, 134px, 0px); 
    width:29%;
    height:auto;
}

.george:before {
    background-image:url(images/hook-george-back.png); 
    background-position:0px 0px !important;
    width:57px;
    height:101px;
    top:-70px;
    z-index:-1;
}

.george:after {
    left:10px;   
    top:-33px;
}

#water section {
    clear:both;
}

#water section:nth-child(3) {
    margin-bottom:40px;
}

#water section:nth-child(4) {
    margin-bottom:40px;
}

#water section:nth-child(5) {
    margin-bottom:30px;
}

#water section:nth-child(6) {
    margin-bottom:40px;
}


@media (max-width: 959px) {
    #water h1 {
        font-size:6rem;
        font-size:6vw;
        line-height:10rem;
        line-height:10vw;
        text-shadow:2px 0px 1px #1e5a5f;
    }
    
    #water h2 {
        line-height:4rem;
        line-height:4vw; 
        text-shadow: 2px 0px 0px #336466;
    }
    
    #water h2.first {
        font-size:2.4rem;
        font-size:2.4vw;   
        letter-spacing:-0.5px;
    }
    
    #water h2.second {
        font-size:2.6rem;
        font-size:2.6vw;   
        letter-spacing:-0.85px;
    }
    
    #water h2.third {
        font-size:3.4rem;
        font-size:3.4vw;   
        letter-spacing:-1px;
    }
    
    #water h2.fourth {
        font-size:3.6rem;
        font-size:3.6vw; 
        letter-spacing:-1.0px;
    }
    
    .toolkit {
        margin-bottom:5rem;
        margin-bottom:5vw; 
        text-align:center;
    }
    .column {
        width:49.9% !important;
    }
    .receipt {
        top:0px !important;
        margin-left:-157px !important;
    }
    
    .george {
        top:60px !important;
        left:50% !important;
        margin-left:-157px !important;
    }
    
    .bottom-nav a {
        margin-bottom:10px;
           
    }
     p.title span.drop {
        font-size:13rem;
        font-size:13vw;
        margin-bottom:1vw;
    }
    
    p.title span.first {
        font-size:3.75rem;
        font-size:3.75vw;
        letter-spacing:-0.1em;
    }
    
    p.title span.second {
        font-size:2.7rem;
        font-size:2.7vw;   
    }
    
    p.title span.third {
        font-size:2rem;
        font-size:2vw;
    }
    
    p.title span.fourth {
        font-size:1.9rem;
        font-size:1.9vw;   
    }
    
    p.title span.fifth {
        font-size:2.6rem;
        font-size:2.6vw;
        letter-spacing:-0.06em;
    }
    
    p.title span.sixth {
        font-size:2.6rem;
        font-size:2.6vw;
        margin-bottom:2rem;
        margin-bottom:4vw;
        letter-spacing:-0.12em;
    }
    
    p.end {
        font-size:2.4rem;
        font-size:2.4vw;
        margin-bottom:1.5em;
    }
}

@media (max-width: 700px) {
    #hero-content {
        height:600px;
        background-image:url(images/header-hugh-signboards-mobile.png), url(images/header-starburst.png), url(images/header-pattern.png);
        background-position:bottom center, bottom right, bottom center;
        background-size:auto, auto 100%, 49px 49px;
        padding-top:20px;
        text-align:center;
    }
    
    #hero-content p.title, #hero-content p.end {
        margin-left:auto;
        margin-right:auto;
    }
    
    #hero-content section div {
        text-align:center;
    }
    
    .button.ocean {
        display:block;
        width:325px;
        margin:0 auto;   
    }
    
    #fishing-line-top {
        top:300px;
        margin-left:-325px;
    }
    
    #water {
        padding-top:0;   
    }
    
    .column {
        width:100% !important; 
        margin-bottom:30px;
        float:none !important;
    }
    
    #water {
        padding-bottom:450px;   
    }
    
    #water section:nth-child(n+2) {  
        margin-bottom:0px;
    }
    
    .george {
        top:20px !important; 
        margin-bottom:50px;
    }
     p.title span.drop {
        font-size:22rem;
        font-size:22vw;
    }
    
    p.title span.first {
        font-size:5.8rem;
        font-size:5.8vw;   
    }
    
    p.title span.second {
        font-size:4.1rem;
        font-size:4.1vw;   
    }
    
    p.title span.third {
        font-size:2.8rem;
        font-size:2.8vw;
        letter-spacing:-0.04em;
    }
    
    p.title span.fourth {
        font-size:3rem;
        font-size:3vw;
        letter-spacing:-0.09em;
    }
    
    p.title span.fifth {
        clear:left;
        font-size:3.9rem;
        font-size:3.9vw;
    }
    
    p.title span.sixth {
        font-size:3.9rem;
        font-size:3.9vw;
    }
    
    p.end {
        font-size:3.8rem;
        font-size:3.8vw;

    }
    #hero-content p {
     margin:20px auto;  
        padding:0 10px;
    }
}

@media (max-width:540px) {
    #hero-content {
        text-align:center;
        height:auto;
        overflow:hidden;
        background-size:90% auto, auto 100%, 22px;
        padding-bottom:60em;
        padding-bottom:30rem;
        padding-bottom:70vw;
    }
    #hero-content p {
     width:auto !important; 
    }
    #hero-content br {
     display:none;   
    }
    #hero-content section {
        padding:0;   
    }
    p.title, p.end {
        width:90%;
        margin:0 auto;
    }
    p.title span.drop {
     margin-left:10px;   
    }
    p.end {
        margin-bottom:20px;
    }
   
    
    .button {
        font-size:12px !important;
        display:block;
        margin:0px auto 10px auto !important;
        line-height:2.2em;
    }
    
    .button.story {
           width:195px;
    }
    
    .button.which {
        width:145px;   
    }
    
    .button.ocean {
        width:245px;
        padding:0;
    }
    #hero-content .button.story {
        width:auto;
        height:auto;
        font-size:4rem !important;
        font-size:4vw !important;
        display:inline-block;
        line-height:1.6em;
    }
    
    #fishing-line-top {
        display:none;
    }
    
    #water h2 span.half {
        display:block;
        line-height:1em;
    }
    
    #water h2.first span.half:nth-child(1) {
        font-size:4.5rem;
        font-size:4.5vw;
    }
    
    #water h2.first span.half:nth-child(2) {
        font-size:5.2rem;
        font-size:5.2vw;
    }
    
    #water h2.second span.half:nth-child(1) {
        font-size:4.9rem;
        font-size:4.9vw;
    }
    
    #water h2.second span.half:nth-child(2) {
        font-size:5.7rem;
        font-size:5.7vw;
    }
    
    #water h2.third span.half:nth-child(1) {
        font-size:7.6rem;
        font-size:7.6vw;
    }
    
    #water h2.third span.half:nth-child(2) {
        font-size:6.2rem;
        font-size:6.2vw;
    }
    
    #water h2.fourth span.half:nth-child(1) {
        font-size:9rem;
        font-size:9vw;
    }
    
    #water h2.fourth span.half:nth-child(2) {
        font-size:6rem;
        font-size:6vw;
    }
.linklogo {
 display:none;
}
}
@media (max-width:540px) and (orientation:portrait) {
 #hero-content {
      padding-bottom:70rem;  
      padding-bottom:70vw;  
    }
    p.title span.drop {
     margin-bottom:10px;   
    }
}
@media (max-width:320px) {
    p.title span.drop {
    }
    .receipt {
        -webkit-transform:none !important;  
        -moz-transform:none !important;  
        -ms-transform:none !important;  
        transform:none !important;  
        
    }
}