body{
	width: 100%;
}
@media screen and (max-width: 780px){
	#topbar{
	display: none;
	}
}
@media screen and (max-width: 1200px){
	#topbar{
	background-color: SlateBlue;
	height: 51px;
	width:100%;
	padding-top: 9px;
	text-align: center;
	}
}
@media screen and (min-width: 1200px){
	#topbar{
	background-color: SlateBlue;
	height: 41.9px;
	width:100%;
	padding-top: 9px;
	text-align: center;
	}
}
@media screen and (max-width: 580px){
#menu{
	display: none;
}
#btn{
	display: none;
}
}
@media screen and (max-width: 575px){
	#navbar_cont{
		height: 82px;
		width: 100%;
	}
}
@media screen and (max-width: 576px){
	#option{
		float: none;
	}
}
@media screen and (max-width: 575px){
	#options{
		display: none;
	}
}
@media screen and (max-width: 412px) {
	body{
		width: 100%;
	}
}
#nav_text{
	font-size: 14px;
}
.navbar-default{
	background-color: white;
}
#Instructions{
	padding-top: 20px;
	background-color: whitesmoke;

}
#content{
	height: 86px;
	/*box-shadow: 5px 10px #505050;*/
}
.button{
	width: 60px;
	right: 10px;
}
#headingbackground{
	height: 78.6px;
	background-image: url(noise.jpg);
	color: #505050;

}
#headingrow{
	height: 78.6px;
	padding-top: 16px;
}
#reg{
	padding-top: 12px;
}
#options{
	width: 200px;
	float: right;
	background-image: url(noise.jpg);
	position: absolute;
	right: 5px;
}
#or{
	padding-left: 5px;
	padding-right: 5px;
}

/* NavBar */
ul ul{
      position: absolute;
      display: none;
      justify-content: left;


  }
  ul ul li{

      min-width: 200px;
      display: block;
      text-decoration: none;
      display: flex;
      justify-content: left;
      box-sizing:border-box;
      background-color: #18CD99;
      border: 1px solid rgb(255, 255, 255);
      border-radius: 5px;
      padding-left: 7px;
  }

  ul ul li a{
  	  color: black;
  }
  ul li:hover ul{
      display: block;
      text-decoration: none;

  }
  ul ul li a:hover {
      text-decoration: none;
      color:white;
      background-color: #18CD99;
      width: 100%;
      box-sizing:border-box;
      padding-left: 10px;
  }

ul ul li a.ho:hover {
    color: white;
    background-color: white;
    box-sizing:border-box;
     border: 1px solid white;
     padding-left: 10px;
}

}
.navbar{
    position: fixed;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 10px;
}
.top-notice{
  background-color: blue
}
#navbar_cont{
	background-color: white;
	width: 100%;
	height: 81.9;
}
#menu{
	vertical-align: baseline;

}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}