@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Bungee&family=Concert+One&display=swap');
        
      
        html {
          height: 100%;}
          
        body{
          display: flex;
           height: 100%;
            flex-direction: column;
             min-height: 100vh;
              cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;
               background-color: rgb(105, 63, 28);
                margin: 0;
                 overflow-x: hidden;}
                 .content-wrapper {flex: 1;}
@media screen and (max-width: 814px){
  .Topper{
            display: flex;
             flex-direction: column;
              justify-content: center;
               align-items: center;
                font-size: 40px;
                 height: auto;
                  width: 100%;
                   background-color: rgb(121, 175, 118);
                    color: black; 
                     padding-bottom: 20px;}
   .title{
         font-size: 6vw;
           color: rgb(0, 171, 238);
            -webkit-text-stroke: 1px white;
              font-family: 'Titan One', sans-serif;
               text-align:center;}
        .Selectionbar {
            display: flex;
             justify-content: center;
              align-items: center;
               border-bottom: solid 2px black;
                border-top: solid 2px black;
                 border-bottom-left-radius: 10px;
                  border-bottom-right-radius: 10px;
                   height: auto;
                    background-color: rgb(150, 88, 37);
                     margin-bottom: 0%;
                      font-family: 'Concert One', sans-serif; 
                       cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
        .services {
            display: inline-block;
             position:relative;
              margin-right: 18px;
               color:white;
                font-size: 20px; 
                 cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
                   .services-link { cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                    .services:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
        .gallery {
            display: inline-block;
             position:relative;
              margin-left: 15px;
               margin-right: 16px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}    
                 .gallery-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                  .gallery:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
        .pricepack {
            display: inline-block;
             position:relative;
              margin-left: 15px;
               margin-right: 16px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
              .Pricedrop {
                display: none;
                 margin-top: 8px;
                  top: 100%;
                   justify-content:relative;
                    align-items: relative;
                     position: absolute;
                      padding-left: 0%;
                       border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                         border-bottom: solid 1px black;
                          border-left: solid 2px black;
                           border-right: solid 2px black;
                            background-color: rgb(150, 88, 37);
                             cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                     .pricing-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                      .pricepack:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                       .pricepack:hover .Pricedrop{display:block;}
        .about {
            display: inline-block;
             position:relative;
              margin-left: 16px;
               margin-right: 15px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}   
               .abodrop {
                 display: none;
                  margin-top: 8px;
                   top: 100%;
                    justify-content:relative;
                     align-items: relative;
                      position: absolute;
                       padding-left: 0%;
                        border-bottom-left-radius: 10px;
                         border-bottom-right-radius: 10px;
                          border-bottom: solid 1px black;
                           border-left: solid 2px black;
                            border-right: solid 2px black;
                             background-color: rgb(150, 88, 37);
                              cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                  .about-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                   .about:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                    .about:hover .abodrop{display:block;}
        .contact {
            display: inline-block;
             position:relative;
              margin-left: 18px;
               color:white;
                font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}  
               .condrop {
                 display: none;
                  margin-top: 0px;
                   top: 100%;
                    justify-content:relative;
                     align-items: relative;
                      position: absolute;
                       padding-left: 0%;
                        border-bottom-left-radius: 10px;
                         border-bottom-right-radius: 10px;
                          border-bottom: solid 1px black;
                           border-left: solid 2px black;
                            border-right: solid 2px black;
                             background-color: rgb(150, 88, 37);
                              cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                 .contact-link {cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
                  .contact-link,
                  .contact-link:visited {text-decoration: none !important; color: white;}
                  .contact-link:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                   .contact:hover .condrop{display:block;}
               .Grass {
                display: flex;
                 flex-shrink: 0;
                  position:relative;
                   width: 100vw;
                    bottom: 0;
                     left: 0%;
                      right: 0%;
                       margin: 0;
                        margin-top: auto;
                         padding:0;}
      
         

        .Footer{
         display: flex;
         flex-direction: column;
          flex-shrink: 0;
           position:relative;
            text-align: center;
             height: 140px;
              width: 100%;
               padding: 10px;
                box-sizing: border-box;
                 bottom: 0;
                  left: 0;
                   font-family: 'Bungee', sans-serif;
                    font-size: 15px;
                     -webkit-text-fill-color:rgb(121, 175, 118);
                      -webkit-text-stroke: 1px black;
                        background-color: rgb(150, 88, 37);}}
            @media screen and (max-width:988px){
      .Topper{
            display: flex;
             flex-direction: column;
              justify-content: center;
               align-items: center;
                font-size: 40px;
                 height: auto;
                  width: 100%;
                   background-color: rgb(121, 175, 118);
                    color: black; 
                     padding-bottom: 20px;}

      .title{
         font-size: 6vw;
           color: rgb(0, 171, 238);
            -webkit-text-stroke: 1px white;
              font-family: 'Titan One', sans-serif;
               text-align:center;}
        .Selectionbar {
            display: flex;
             justify-content: center;
              align-items: center;
               border-bottom: solid 2px black;
                border-top: solid 2px black;
                 border-bottom-left-radius: 10px;
                  border-bottom-right-radius: 10px;
                   height: 35px;
                    background-color: rgb(150, 88, 37);
                     margin-bottom: 0%;
                      font-family: 'Concert One', sans-serif; 
                       cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
        .services {
            display: inline-block;
             position:relative;
              margin-right: 41px;
               color:white;
                font-size: 20px; 
                 cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
                   .services-link { cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                    .services:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
        .gallery {
            display: inline-block;
             position:relative;
              margin-left: 38px;
               margin-right: 39px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}    
                 .gallery-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                  .gallery:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
        .pricepack {
            display: inline-block;
             position:relative;
              margin-left: 38px;
               margin-right: 39px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
              .Pricedrop {
                display: none;
                 margin-top: 8px;
                  top: 100%;
                   justify-content:relative;
                    align-items: relative;
                     position: absolute;
                      padding-left: 0%;
                       border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                         border-bottom: solid 1px black;
                          border-left: solid 2px black;
                           border-right: solid 2px black;
                            background-color: rgb(150, 88, 37);
                             cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                     .pricing-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                      .pricepack:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                       .pricepack:hover .Pricedrop{display:block;}

        .about {
            display: inline-block;
             position:relative;
              margin-left: 38px;
               margin-right: 39px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}   
               .abodrop {
                 display: none;
                  margin-top: 8px;
                   top: 100%;
                    justify-content:relative;
                     align-items: relative;
                      position: absolute;
                       padding-left: 0%;
                        border-bottom-left-radius: 10px;
                         border-bottom-right-radius: 10px;
                          border-bottom: solid 1px black;
                           border-left: solid 2px black;
                            border-right: solid 2px black;
                             background-color: rgb(150, 88, 37);
                              cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                  .about-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                   .about:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                    .about:hover .abodrop{display:block;}
        .contact {
            display: inline-block;
             position:relative;
              margin-left: 41px;
               color:white;
                font-size: 20px;
                 z-index: 1;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}  
               .condrop {
                 display: none;
                  margin-top: 0px;
                   top: 100%;
                    justify-content:relative;
                     align-items: relative;
                      position: absolute;
                       padding-left: 0%;
                        border-bottom-left-radius: 10px;
                         border-bottom-right-radius: 10px;
                          border-bottom: solid 1px black;
                           border-left: solid 2px black;
                            border-right: solid 2px black;
                             background-color: rgb(150, 88, 37);
                              cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                 .contact-link {cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
                  .contact-link,
                  .contact-link:visited {text-decoration: none !important; color: white;}
                  .contact-link:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                   .contact:hover .condrop{display:block;}
               .Grass {
                display: flex;
                 flex-shrink: 0;
                  position:relative;
                   width: 100vw;
                    bottom: 0;
                     left: 0%;
                      right: 0%;
                       margin: 0;
                        margin-top: auto;}
       .Footer{
         display: flex;
         flex-direction: column;
          flex-shrink: 0;
           position:relative;
            height: 140px;
             width: 100%;
              padding: 10px;
               box-sizing: border-box;
                bottom: 0;
                 left: 0;
                  font-family: 'Bungee', sans-serif;
                   font-size: 15px;
                    -webkit-text-fill-color:rgb(121, 175, 118);
                     -webkit-text-stroke: 1px black;
                       background-color: rgb(150, 88, 37);}}
      .StartUp-button{ 
            display: flex;
             align-items: bottom;
              font-size: 30px;
               color:black;
                border: none;
                 height: 135px;
                  width: 170px;
                   border-radius: 70px;
                    margin-top: 7px;
                     background-image: url('CappedSharkieSmall.png');
                      background-repeat: no-repeat; 
                       background-position: bottom;
                        background-position-y: 22%;
                         cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
      .StartUp-button:active {
            cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
        .Topper{
            display: flex;
             flex-direction: column;
              justify-content: center;
               align-items: center;
                font-size: 40px;
                 min-height:205px;
                  width: 100%;
                   background-color: rgb(121, 175, 118);
                    color: black; 
                     padding-bottom: 20px;}
        .title{
           color: rgb(0, 171, 238);
            -webkit-text-stroke: 1px white;
              font-family: 'Titan One', sans-serif;}
        .Selectionbar {
            display: flex;
             justify-content: center;
              align-items: center;
               border-bottom: solid 2px black;
                border-top: solid 2px black;
                 border-bottom-left-radius: 10px;
                  border-bottom-right-radius: 10px;
                   height: 45px;
                    background-color: rgb(150, 88, 37);
                     margin-bottom: 0%;
                      font-family: 'Concert One', sans-serif; 
                       cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
        .services {
            display: inline-block;
             position:relative;
              margin-right: 75px;
               color:white;
                font-size: 20px; 
                 cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
                   .services-link { cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                    .services:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
        .gallery {
            display: inline-block;
             position:relative;
              margin-left: 60px;
               margin-right: 67px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}    
              .galdrop {
                display: none;
                 margin-top: 8px;
                  top: 100%;
                   justify-content:relative;
                    align-items: relative;
                     position: absolute;
                      padding-left: 0%;
                       border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                         border-bottom: solid 1px black;
                          border-left: solid 2px black;
                           border-right: solid 2px black;
                            background-color: rgb(150, 88, 37);
                             text-decoration: underline;
                              padding: 3px 0;
                               cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                 .gallery-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                  .gallery:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                   .gallery:hover .galdrop{display:block;}

        .pricepack {
            display: inline-block;
             position:relative;
              margin-left: 60px;
               margin-right: 67px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
              .Pricedrop {
                display: none;
                 margin-top: 8px;
                  top: 100%;
                   justify-content:relative;
                    align-items: relative;
                     position: absolute;
                      padding-left: 0%;
                       border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                         border-bottom: solid 1px black;
                          border-left: solid 2px black;
                           border-right: solid 2px black;
                            background-color: rgb(150, 88, 37);
                             cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                     .pricing-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                      .pricepack:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
                       .pricepack:hover .Pricedrop{display:block;}

        .about {
            display: inline-block;
             position:relative;
              margin-left: 67px;
               margin-right: 60px;
                color:white;
                 font-size: 20px;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}   
               .abodrop {
                 display: none;
                  margin-top: 8px;
                   top: 100%;
                    justify-content:relative;
                     align-items: relative;
                      position: absolute;
                       padding-left: 0%;
                        border-bottom-left-radius: 10px;
                         border-bottom-right-radius: 10px;
                          border-bottom: solid 1px black;
                           border-left: solid 2px black;
                            border-right: solid 2px black;
                             background-color: rgb(150, 88, 37);
                              cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                  .about-link {cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                   .about:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
        .contact {
            display: inline-block;
             position:relative;
              margin-left: 75px;
               color:white;
                font-size: 20px;
                 z-index: 1;
                  cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}  
               .condrop {
                 display: none;
                  margin-top: 0px;
                   top: 100%;
                    justify-content:relative;
                     align-items: relative;
                      position: absolute;
                       padding-left: 0%;
                        border-bottom-left-radius: 10px;
                         border-bottom-right-radius: 10px;
                          border-bottom: solid 1px black;
                           border-left: solid 2px black;
                            border-right: solid 2px black;
                             background-color: rgb(150, 88, 37);
                              cursor: url('Cursors/Sharkies Cursor.png') 18 17, auto;}
                 .contact-link {cursor: url('Cursors/Sharkies Cursor open.png') 18 17, auto;}
                   .contact:active {cursor: url('Cursors/Sharkies Cursor bite.png') 18 17, auto;}
              .Grass {
                display: flex;
                 flex-shrink: 0;
                  position:relative;
                   width: 100vw;
                    bottom: 0;
                     left: 0%;
                      right: 0%;
                       margin: 0;
                        margin-top: auto;
                         background-color: rgba(0, 0, 0, 0)}
        .Footer{
         display: flex;
         flex-direction: column;
          flex-shrink: 0;
           position:relative;
            height: 140px;
             width: 100%;
              padding: 10px;
               box-sizing: border-box;
                bottom: 0;
                 left: 0;
                  font-family: 'Bungee', sans-serif;
                   font-size: 15px;
                    -webkit-text-fill-color:rgb(121, 175, 118);
                     -webkit-text-stroke: 1px black;
                       background-color: rgb(150, 88, 37);}