
/* PC */
@media only screen
  and (min-device-width: 800px){
  footer{
    padding:1.5em;  
  }
  h4 {font-size:2em;};

}

/* Tablet */
@media only screen
  and (min-device-width: 500px)
  and (max-device-width: 800px){
    

}

/* Phone */
@media only screen
  and (max-device-width: 500px){
    .label-responsive{display:block;margin-right:0px}
    h4{font-size:1.5em; margin-top:.5em !important}
    .nalw-event-date{padding:.1em !important}
    
}

body{
    /*background-color: #edf5f5 !important; */
    font-family: Helvetica, Arial, Sans-serif;
    color: #004330;
    display:none;
    background-color:white !important;
    
    

}
header{
    color:white;
    border:none !important;
    /*background-color:#f0cb35 !important;*/
    background-color:black !important;*/
    margin:0px !important;
    padding:0px !important;
}

footer{
  background-color:black;
  margin:0px !important;
  padding:0px !important;
  color: white;
}
footer a{color:white;}
header{padding:0px;margin:0px;}
header img{
    max-width:100vw;
    /*border-radius:20px;*/
    width:640px;
    margin:0px;
    padding:0px;
}
footer img{
    max-width:100vw;
    /*border-radius:20px;*/
    width:640px;
    margin:0px;
    padding:0px;
}
.middle img{
    max-width:90vw;
    /*border-radius:20px;*/
    width:640px;
    margin:0px;
    padding:0px;
}
h1{margin:0px;}
h2{text-align:center;color:black;font-size:24px;padding:.5em}
h3{text-align:center;font-size:20px;color:black;margin:0px;padding:0px;}
h4{color:/*#f0cb35*/black;text-align:center;padding:0px;margin:0px;}
.state-button{
  text-align:center;
  border:3px solid black;
  color:black;
  background-color:#f0ca36;
  /*border-radius:10px;*/
  padding:.2em;
  margin:5px;
  cursor:pointer;
  line-height:3em;
}
.state-button a, .form-item a{color:white !important;}
label{font-weight:bold;}
a{text-decoration:none}

#content{text-align:center;padding-bottom:1em}
.middle{margin-left:auto;margin-right:auto;width:640px;max-width:95vw;text-align:left;}
.footer-middle{margin-left:auto;margin-right:auto;width:640px;max-width:100vw;text-align:center;padding-top:1.5em;padding-bottom:1.5em;}
.footer-middle p{font-size:.8em;padding-left:1em;padding-right:1em;}
.state-facs{display:none;}
.form-item{
  background-color:white;
  border:1px solid black;
  border-radius:10px;
  /*border-radius:10px;*/
  padding:1em;
  margin:.5em;
  line-height:1em !important;
}
.event{
  text-align:center;
}

.form-item input{width:100%;max-width:320px;text-align:center}
.fake-link{text-decoration:underline !important;}
.zoom-link{}
.promo-link{
  color:white;  
  /*text-decoration:underline !important;*/
  height:4em;
  width:4em;
  border:1px solid white; 
  border-radius:10px;
  padding:5px;
  margin:10px
}
.promo-link, .zoom-link img{height:4em;width:4em;border:1px solid black; border-radius:10px;padding:5px;margin:10px}
.label-responsive{margin-right:1em;}
.nalw-event-date{
  margin-top:1em;
  border:1px solid black; 
  padding:.5em;
  border-radius:20px;
  background-color:#f0cb35;
}

/**
 *  yellow
    f0ca36 
 */

 .fac-item{
  background-color:white;
  border:2px solid black;
  color:black;
  /*border-radius:10px;*/
  padding:1em;
  margin:.5em;
  line-height:1em !important;
}
.event-name, h4{font-family:Serif, 'Garamond'}
.event-name{font-size:1.1em}

.outline {
  /*
  color: black;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  */
}