@font-face {
  font-family: Bankgothic;
  src: url("../fonts/BankGothic_Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
.goth{
  font-family: 'Bankgothic';
}
.camo{
  background-image: url('../images/clipart/camo.svg');
    opacity:0.2;
}
.camo-light{
  background-image: url('../images/clipart/camo.svg');
  opacity:0.1;
}
/*
#by-nav {
  background-color: #006400;
  color: #FFFFFF;
}
  */
.btn-by {
  border-color: #FFFFFF;
  color: #FFFFFF;
  font-family: 'Bankgothic';
}
.btn-by:hover {
    background-color: #FFFFFF;

}
.btn-by:active {
  background-color: #FFFFFF;
  color:#830810;
}
.btn-more, .btn-send {
  color: #006400;
  border-color: #006400;
  background-color: #FFFFFF;
}
.btn-more:hover, .btn-send:hover {
  color: #FFFFFF;
  border-color: #006400;
  background-color: #006400;
}

#by-content {
  overflow: 'hidden';
}

@media screen and (max-width: 768px) {
  .btn-by {
  	padding: 0.2em 0.2em 0.2em 0.2em;
    margin-left: 0.5em;
    font-size: 1em;
  }
  #by-home {
    margin: 6em 0em 4em 0em;
  }
  #by-content {
    margin: 9em 0em 6em 0em;
  }
  #filter-hdr  {
    margin-top: 4em;
    background-color: #ffffff;
  }
  #btn-hdr  {
    margin-top: 5em;
    padding: 0.5em;
    background-color: #ffffff;
  }
  #gbnf-cal {
    margin: 0em 0em 4em 0em;
  }
  #gbnfcalsel {
    margin-bottom: 5em;
  }
  gbnfcaltitle {
    font-size: 1em;
  }
  .gbnfcaldata {
    font-size: 0.8em;
  }
  #classof {
    margin: 0em 0em 2em 0em;
  }
  #classofsel {
    margin-bottom: 4em;
  }
  
  .classoftitle {
    font-size: 0.8em;
  }
  .classofdata {
    font-size: 0.5em;
  }
  .by-thumb {
    width: 4em;
    height: 4em;
    }
    #by-gallery h1 {
      font-size: 0.7em;
    }
}
@media screen and (min-width: 768px) {
  .btn-by {
  	padding: 0.2em 1em 0.2em 1em;
    margin-left: 0.5em;
    font-size: 1.3em;
  }
  #by-home {
    margin: 6em 0em 4em 0em;
  }
  #by-content {
    margin: 10em 0em 5em 0em;
  }
  .by-thumb {
    width: 9em;
    height: 9em;
  }
  #by-gallery h1 {
      font-size: 1.5em;
    }
  #classof {
    margin: 3em 0em 8em 0em;
  }
  #gbnf-cal {
    margin: 4em 0em 8em 0em;
  }
  #gbnfcalsel {
    margin-bottom: 4em;
  }
  #classofsel {
    margin-bottom: 4em;
  }
  #filter-hdr  {
    margin-top: 5.5em;
    background-color: #ffffff;
  }
  #btn-hdr  {
    margin-top: 5em;
    background-color: #ffffff;
    padding: 0.5em;
  }
}

#by-home {
  color: #2F4F4F;
}
#by-home h1 {
  font-family: 'Bankgothic';
  font-size: 1.3em;
}
.bytxt {
  font-family: 'Bankgothic';
}

.bytxtfn {
  font-size: 1.3em;
  margin: 2em 0em 0em 0em;

}
.bytxtln {
  font-size: 1.5em;
  margin: 0em 0em 0em 0em;

}
.bytxtdate {
  font-size: 0.8em;
  margin: 1em 0em 0em 0em;

}
.bytxthist {
  /*font-family: 'Bankgothic';*/
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0em 0em 0em;
}
.bytxtstory {
  font-size: 0.8em;
  margin: 1em 0em 0em 2em;
  text-align: left;
}

#history a{
  //color: #000000;
  //text-decoration: none;
}

#by-gallery h1 {
  font-family: 'Bankgothic';
}
#by-gallery hr {
  width: 100%;
  margin: 0.5em 0em 0.5em 0em;
  font-size: 1.5em;
}
#by-footer {
  background-color: #006400;
  color: #FFFFFF;
}
#by-footer p {
  color: #FFFFFF;
}
#by-footer h5 {
  font-family: 'Bankgothic';
}
#by-footer a:link  {
  color: #FFFFFF;
}

.byrules  {
  color: #2F4F4F;
  padding: 1em 0em 0.5em 0em;
  font-size: 0.8em;
}

#by-sent {
  height: 70vh;
  font-family: 'Bankgothic';
}

input[type='file']::file-selector-button {
  font-size: 1em;
  border: 1px solid #006400;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #FFFFFF;
  color: #006400;
  transition: 1s;
}

input[type='file']::file-selector-button:hover {
  background-color: #006400;
  color: #FFFFFF;
}
/*style='font-size: 3rem; color: #008000;'*/
#gbnfcalsel {
	padding: 1em 0em 0em 0em;
  background-color: white;
  height: 4em;
}
#classofsel {
	padding: 1em 0em 0em 0em;
  background-color: white;
  height: 4em;
}