body {
    margin: 0px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
    
}

h1 {
    font-size: calc(30px + 2vw);
    font-family: monospace;
    text-align-last: center;
    
}

h2 {
    font-family: monospace;
    font-size: 8vw;
    text-align: center;  
}

h3 {
    font-family: monospace;
    font-size: calc(16px + 1.5vw);
    text-align: center; 
}
.imagespecial {
   width: 100%;
}

.imagespecialphone {
    width: 100%;
}

.imagefullwidth {
    width: 100%;
    
}

.header-main {
    position: sticky;
    overflow: hidden;
    top: 0;
    background-color: black;
    color: white;
    text-align: center;
    font-family: monospace;
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
    
    
    z-index: 2;}
    
    .text-mono-centered {
    position: sticky;
    overflow: hidden;
    top: 0;
    background-color: white;
    color: black;
    text-align: center;
    font-family: monospace;
    font-size: calc(14px + 1.5vw);
    margin-left: 8px;
    margin-right: 8px;
    
    
    z-index: 2;
        
    
}


.form {
   
    margin-left : calc(30% - 65px);
    font-size: calc(14px + .9vw);
    
    
}

input[type="text"] {
    font-size: calc(14px + .9vw);
    width: auto;
    
}
input[type="textarea"] {
   font-size: calc(14px + .9vw);
    width: auto;
    
}

.submit {
    border: solid;
    color: black;
    background-color: rgb(255, 251, 0);
    border-radius: 3px;
    font-size: 1.3em;
    
}




.text-mono-centered-not-sticky {
    
    overflow: hidden;
    top: 0;
    background-color: white;
    color: black;
    text-align: center;
    font-family: monospace;
    font-size: calc(14px + 1.5vw);
    margin-left: 8px;
    margin-right: 8px;
    
    
    z-index: 2;
        
    
}
.topbanner {
    position: sticky;
    overflow: hidden;
    top: 0;
    background-color: black;
    color: white;
    text-align: center;
    font-family: monospace;
    font-size: calc(18px + 1vw);
    margin-left: 8px;
    margin-right: 8px;
    
    
    z-index: 2;
    
    
}

.topnav {
    overflow: hidden;
    
    position: sticky; 
    top: 4vw;
    left: 0px;
    right: 0px;
    z-index: 2;
    
    background-color: rgba(255, 251, 0);
    border-style: solid; 
    border-width: 1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 4px;;
    margin-left: 8px;
    margin-right: 8px;
    
    

}

.topnavmob {
    overflow: hidden;
    position: sticky; 
    top: 4vw;
    left: 0px;
    right: 0px;
    z-index: 2;
    
    background-color: rgba(255, 251, 0);
    border-style: solid; 
    border-width: 1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
    margin-left: 8px;
    margin-right: 8px;
    
    
    
    
  
    

}

#expanding-menu {
  position: fixed;
  top: 5vw;
    right: 8px;
    border-style: solid;
    border-top: none;
    border-bottom: none;
    
  z-index: 1000;

  
  
  background: rgb(255, 251, 0);
    

  overflow: hidden;          /* 👈 required */
  max-height: 0;             /* 👈 collapsed */
  transition: max-height 1s ease;

  display: flex;
  flex-direction: column;
  align-items: flex-end;     /* 👈 text right */
  padding: 0 1rem;           /* vertical padding added on open */
}

/* Open state */
#expanding-menu:target {
  max-height: 800px;         /* big enough for menu */
  padding: 1rem;
}

/* Full Screen Menu */
.leftnav a {
    overflow: hidden;
    background-color: rgb(255, 251, 0);
    float: left;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    transition-duration: 0.5s;
  
}

.leftnav a:hover {
  background-color: black;
  color: rgb(255, 251, 0);
}

.nav a {
    overflow: hidden;
    background-color: rgb(255, 251, 0);
    float: right;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    transition-duration: 0.5s;
    
}

.nav a:hover {
    background-color: black;
    color: rgb(255, 251, 0);    }

.menunav a {
    overflow: hidden;
    background-color: rgb(255, 251, 0);
    float: right;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    transition-duration: 0.5s;
    
}

.menunav a:hover {
    background-color: black;
    color: rgb(255, 251, 0);    }
   
.special{
        
        overflow: hidden;
        background-color: white;
        color: white;
        margin-top: 8px;
        margin-left: 8px;
        margin-right: 8px;
        border-radius: 10px;
        
    }

.specialphone{
        
        overflow: hidden;
        background-color: white;
        color: white;
        margin-top: 8px;
        margin-left: 8px;
        margin-right: 8px;
        border-radius: 10px;
        
    }

 .container {
  display: flex;
            flex-wrap:wrap;
            gap : 2px;
            margin: 8px;
            border-radius: 4px;
}



.button-test {
  background-color: skyblue;
  margin: 1px;
  padding: 20px;
  font-size: 24px;
    text-decoration: none;
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    font-family:Impact;
    color: white;
    text-shadow: 3px 2px 2px black;
    flex:1;
        
}

.button-test:hover {
    background-color: deepskyblue;
    rotate: 3deg;
    transition: 0.3s;
}
    
    


.link-believe a: hover    {
    background-color: red
}

.link-expect {}

.link-thefold {}

.link-connect {}

.full-width-pic-and-text{
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: black;
    color: white;
    text-align: center;
    font-family: monospace;
    font-size: 7vw;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 10px;
    height: calc(300px + 6vw);
    
    
}
.full-width-pic-and-text:hover {
    opacity: 0.8;
    
}

.full-width-small-screen{
    position: relative;
    overflow: hidden;
    background-color: black;
    color: white;
    text-align: center;
    font-family: monospace;
    font-size: 7vw;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 10px;
    height: 175px;
}

.text-over-image{
    position: absolute;
    bottom: 5vw;
    left: 10vw;
    color: white;
    text-shadow: 5px 5px 9px black;
    font-family: Impact;
    z-index: 1;
}

.text {
    margin: 8px;
}



/* Mobile and full web image queries */

@media (max-width:600px) {
    .special {
        display: none;
    
    }
}
    @media (min-width:601px)  {
        .specialphone {
            display: none;
        }   
    }




/* Menu Screen size query*/
@media (max-width: 600px) {
   
    .topnav {display: none;}
}
    @media (min-width:601px)  {
        
        .topnavmob {display: none;}
    }
 
@media (max-width:420px) {
    .full-width-pic-and-text {display: none;}
}
@media (min-width:421px) {
    .full-width-small-screen {display: none;}
}