body {
    margin: 0; 
}
.mega-div {
    width: 100vw; 
    height: 115vw; 
}

.left {
    width: 49vw; 
    height: 100%; 
    float: left; 

}

.right {
    width: 49vw; 
    height: 100%; 
    float: left; 
}

.gd {
    width: 47vw; 
    height: 51vw; 
    margin: 4px; 
    position: relative;

}

.graphic-design {
    width: 32vw; 
    height: 2.87vw; 
    font-family: "podium-soft-variable", sans-serif;
    font-variation-settings: "wdth" 112.5;
    color: #247763; 
    transform: rotate(35deg);
    float: right; 
    font-size: 1.5vw; 
    margin-top: 9vw; 
    letter-spacing: .1vw;

}

.graphic-design a {
    font-style: none; 
    text-decoration: none;
    color: inherit; 
}

.pretzels {
    width: 20.25vw; 
    height: 29.5vw; 
    position: absolute;
    margin: 9.83vw 0 0px 4vw; 
    float: left;
    
}

.pretzels img {
    height: auto;
    max-width: 100%; 
}

.left-space {
    width: 47vw; 
    height: 9.87vw; 
    margin: .5vw; 

}

.blurb {
    width: 40vw; 
    height: 28.9vw; 
    margin: .5vw; 
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 3.3vw; 
    text-align: left; 
    color:#247763; 
    
}

.left-space-2 {
    width: 47vw; 
    height: 11.57vw; 
    margin: 0.5vw; 
}

.insta {
    width: 47vw; 
    height: 7.63vw; 
    margin: 0.5vw; 
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 2vw; 
    text-align: left; 
    padding: 0; 
    color:#247763; 
    display: normal; 
    text-decoration:none;
}

.insta a {
  color: inherit; 
  text-decoration: none;

}

.howdy {
    width: 47vw; 
    height: 8.88vw; 
    margin-left: 0.5vw; 
    margin-top: 1vw; 
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 2vw; 
    text-align: right; 
    padding: 0; 
    color:#247763; 
    display: normal; 
}

h1 {
    margin: 1vw; 
    font-weight: normal;

}

p {
    margin: 2.96vw 9.88vw 0 2.37vw; 
}

h2 {
    margin:20px;
    font-weight: normal;
}
.right-space {
    width: 47vw; 
    height: 26.18vw; 
    margin-left: 4px; 
    margin-top: 12px; 

}

.print {
    width: 47vw; 
    height: 39.3vw; 
    margin-left: 4px; 
    margin-top: 24px; 
    position: relative;

}

.printmaking {
    width: 32vw; 
    height: 2.83vw; 
    font-family: "podium-soft-variable", sans-serif;
    font-variation-settings: "wdth" 112.5;
    color: #247763; 
    transform: rotate(35deg);
    float: right; 
    font-size: 1.5vw; 
    margin-top: 9vw; 
    font-style: none; 
    text-decoration: none;
    letter-spacing: .1vw;

}

.printmaking a {
    font-style: none; 
    text-decoration: none;
    color: inherit; 
}

.waffle {
    position: absolute;
    margin: 7.7vw 0 0.5vw; 
    width: 20.25vw; 
    height: 29.5vw; 
}

.waffle img {
    height: auto;
    max-width: 100%; 
}

.right-space-2 {
    width: 47vw; 
    height: 23.69vw; 
    margin: 4px; 
    margin-top: 12px; 

}

a:hover { 
    text-decoration: none; 
    color: #f9abc6; 
}

/* START INTERIOR PAGES */ 

  .top {
    width: 100vw; 
    height: 5.92vw; 
  }

  .menu {
    width: 50vw; 
    height: 100%; 
    float: left;
  }
  
  .button-1 {
    width: 20vw; 
    height: 99%; 
    float: left; 
    text-align: center; 
    font-family: "podium-soft-variable", sans-serif;
    font-variation-settings: "wdth" 112.5;
    color: #247763; 
    font-size: 2vw; 
    letter-spacing: .1vw;
  }

  .button-1 a {
    text-decoration: none; 
    color: inherit; 

  }

  .button-2 a {
    text-decoration: none; 
    color: inherit; 
  }
  .button-2 {
    width: 20vw; 
    height: 99%; 
    float: left; 
    text-align: center; 
    font-family: "podium-soft-variable", sans-serif;
    font-variation-settings: "wdth" 112.5;
    color: #247763; 
    font-size: 2vw; 
    letter-spacing: .1vw;

  }

  .hh {
    width: 48vw; 
    height: 99%; 
    float: right;
    text-align: right;
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 2vw; 
    padding: 0; 
    color:#247763; 
    display: normal; 
  }

  .interior-title {
    width: 100vw; 
    height: 25vw; 
    text-align: center; 
    float: center; 
    margin: 4px; 
  }

  .title-text { 
    width: 100%; 
    height: 10vw; 
    font-family: "podium-soft-variable", sans-serif;
    font-variation-settings: "wdth" 112.5;
    color: #247763; 
    transform: rotate(8deg);
    font-size: 5vw; 
    margin-top: 9vw; 
    letter-spacing: .1vw;

  }

  .project-1 {
    width: 100vw; 
    height: 47.39vw; 
  }

  .name-1 {
    width: 100vw; 
    height: 5.9vw; 
    text-align: center;
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 3vw; 
    color:#247763; 
    float: right;
  }

  .description-1 {
    width: 25vw; 
    height: 30v; 
    padding: 2.96vw; 
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1vw; 
    text-align: left; 
    color:#247763; 
    float: right; 
  }

  .gallery-1 {
    width: 50vw; 
    height: 30vw; 
    float: left;
    margin-top: 2.96vw; 
    margin-left: 6vw;
  }

  /*END PROJECT 1   END PROJECT 1   END PROJECT 1   END PROJECT 1   END PROJECT 1   END PROJECT 1*/ 
  .project-2 {
    width: 100vw; 
    height: 47.39vw; 
  }

  .name-2 {
    width: 100vw; 
    height: 5.9vw; 
    text-align: center;
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 3vw; 
    color:#247763; 
    float: right;
  }

  .description-2 {
    width: 25vw; 
    height: 30v; 
    padding: 2.96vw; 
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1vw; 
    text-align: left; 
    color:#247763; 
    float: right; 
  }

  .gallery-2 {
    width: 50vw; 
    height: 30vw; 
    float: left;
    margin-top: 2.96vw; 
    margin-left: 6vw;
  }

  /* END PROJECT 2 */ 

  .project-3 {
    width: 100vw; 
    height: 47.39vw; 
  }

  .name-3 {
    width: 100vw; 
    height: 5.9vw; 
    text-align: center;
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 3vw; 
    color:#247763; 
    float: right;
  }

  .description-3 {
    width: 25vw; 
    height: 30v; 
    padding: 2.96vw; 
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1vw; 
    text-align: left; 
    color:#247763; 
    float: right; 
  }

  .gallery-3 {
    width: 50vw; 
    height: 30vw; 
    float: left;
    margin-top: 2.96vw; 
    margin-left: 6vw;
  }

  /* END PROJECT 3 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ 

  .project-4 {
    width: 100vw; 
    height: 47.39vw; 
  }

  .name-4 {
    width: 100vw; 
    height: 5.9vw; 
    text-align: center;
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 3vw; 
    color:#247763; 
    float: right;
  }

  .description-4 {
    width: 25vw; 
    height: 30v; 
    padding: 2.96vw; 
    font-family: "courier-std", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1vw; 
    text-align: left; 
    color:#247763; 
    float: right; 
  }

  .gallery-4 {
    width: 50vw; 
    height: 30vw; 
    float: left;
    margin-top: 2.96vw; 
    margin-left: 6vw;
  }

  /* START SLIDERS */ 
  
  /*slider 1*/ 

  .slider{
    width: 49vw;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px; 


  }
  
  .slides{
    width: 500%;
    height: 29.62vw;
    display: flex;
  }
  
  .slides input{
    display: none;

  }
  
  .slide{
    width: 20%;
    transition: 2s;
  }
  
  .slide img{
    width: 50vw;
    height: auto;
  }
  
  /*css for manual slide navigation*/
  
  .navigation-manual{
    position: absolute;
    height: 2vw; 
    width: 49vw;
    align-items: center; 
  }
  
  .manual-btn{
    width: 1vw; 
    height: 1vw; 
    padding: 0.3vw;
    border-radius: 80%;
    cursor:grab; 
    transition: 1s;
    border: 2px solid #247763;

  }

  .radio-buttons-container {
    width: 20vw; 
    height: 1.5vw; 
    margin-left: 17vw; 
  }
  
  .manual-btn:not(:last-child){
    margin-right: 40px;
  }
  
  .manual-btn:hover{
    background: #247763;
  }
  
  #radio1:checked ~ .first{
    margin-left: 0;
  }
  
  #radio2:checked ~ .first{
    margin-left: -20%;
  }
  
  #radio3:checked ~ .first{
    margin-left: -40%;
  }
  
  #radio4:checked ~ .first{
    margin-left: -60%;
  }
  
  /*css for automatic navigation*/

  /*slider 2*/   /*slider 2*/ /*slider 2*/    /*slider 2*/    /*slider 2*/   /*slider 2*/   /*slider 2*/   /*slider 2*/ 

  .slider-2{
    width: 49vw;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px; 
  }
  
  .slides-2{
    width: 500%;
    height: 29.62vw;
    display: flex;
  }
  
  .slides-2 input{
    display: none;
  }
  
  .slide-2{
    width: 20%;
    transition: 2s;
  }
  
  .slide-2 img{
    width: 50vw;
    height: auto;
  }
  
  /*css for manual slide navigation*/
  
  .navigation-manual-2{
    position: absolute;
    height: 2vw; 
    width: 49vw;
    align-items: center; 
  }
  
  .manual-btn-2{
    width: 1vw; 
    height: 1vw; 
    border: 2px solid #247763;
    padding: 0.3vw;
    border-radius: 80%;
    cursor:grab; 
    transition: 1s;
  }

  .manual-btn-2:not(:last-child){
    margin-right: 40px;
  }
  
  .manual-btn-2:hover{
    background: #247763;
  }
  
  #radio1-2:checked ~ .first{
    margin-left: 0;
  }
  
  #radio2-2:checked ~ .first{
    margin-left: -20%;
  }
  
  #radio3-2:checked ~ .first{
    margin-left: -40%;
  }
  
  #radio4-2:checked ~ .first{
    margin-left: -60%;
  }

    /*slider 3*/   /*slider 3*/ /*slider 3*/    /*slider 3*/    /*slider 3*/   /*slider 3*/   /*slider 3*/   /*slider 3*/ 

    .slider-3{
        width: 49vw;
        height: 100%;
        border-radius: 10px;
        overflow: hidden;
        padding: 10px; 
      }
      
      .slides-3{
        width: 500%;
        height: 29.62vw;
        display: flex;
      }
      
      .slides-3 input{
        display: none;
      }
      
      .slide-3{
        width: 20%;
        transition: 2s;
      }
      
      .slide-3 img{
        width: 50vw;
        height: auto;
      }
      
      /*css for manual slide navigation*/
      
      .navigation-manual-3{
        position: absolute;
        height: 2vw; 
        width: 49vw;
        align-items: center; 
      }
      
      .manual-btn-3{
        width: 1vw; 
        height: 1vw; 
        border: 2px solid #247763;
        padding: 0.3vw;
        border-radius: 80%;
        cursor:grab; 
        transition: 1s;
      }
      
      .manual-btn-3:not(:last-child){
        margin-right: 40px;
      }
      
      .manual-btn-3:hover{
        background: #247763;
      }
      
      #radio1-3:checked ~ .first{
        margin-left: 0;
      }
      
      #radio2-3:checked ~ .first{
        margin-left: -20%;
      }
      
      #radio3-3:checked ~ .first{
        margin-left: -40%;
      }
      
      #radio4-3:checked ~ .first{
        margin-left: -60%;
      }
      
      /*css for automatic navigation*/
  
    /*slider 4*/   /*slider 4*/ /*slider 4*/    /*slider 4*/    /*slider 4*/   /*slider 4*/   /*slider 4*/   /*slider 4*/ 

    .slider-4{
        width: 49vw;
        height: 100%;
        border-radius: 10px;
        overflow: hidden;
        padding: 10px;
      }
      
      .slides-4{
        width: 500%;
        height: 29.62vw;
        display: flex;
      }
      
      .slides-4 input{
        display: none;
      }
      
      .slide-4{
        width: 20%;
        transition: 2s;
      }
      
      .slide-4 img{
        width: 50vw;
        height: auto;
      }
      
      /*css for manual slide navigation*/
      
      .navigation-manual-4 {
        position: absolute;
        height: 2vw; 
        width: 49vw;
        align-items: center; 
      }
      
      .manual-btn-4{
        width: 1vw; 
        height: 1vw; 
        border: 2px solid #247763;
        padding: 0.3vw;
        border-radius: 80%;
        cursor:grab; 
        transition: 1s;
      }
      
      .manual-btn-4:not(:last-child){
        margin-right: 40px;
      }
      
      .manual-btn-4:hover{
        background: #247763;
      }
      
      #radio1-4:checked ~ .first{
        margin-left: 0;
      }
      
      #radio2-4:checked ~ .first{
        margin-left: -20%;
      }
      
      #radio3-4:checked ~ .first{
        margin-left: -40%;
      }
      
      #radio4-4:checked ~ .first{
        margin-left: -60%;
      }
      
      /*css for automatic navigation*/
      
      
  
  
        @media only screen and (max-width: 1300px) {
            .navigation-manual {
            }
         }