html {
	height: 100%;
}
body {
	user-select: none;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.toBottom{
	position: fixed;
	bottom: 0vh;
}
.nopadding{
	padding: 0px !important;
}
#optionID{
	margin-right: 0vh;
}
.optionClass {
	height: 60vh;
	
	margin-top: 3vh;
	margin-left: 3vw;
  }
  .imgborder{
	
	
  }
.glyphicon {
  top: 0px;
 line-height: inherit;
 font-family: 'Glyphicons Halflings';
 font-style: normal;
 font-weight: 400;
 color:black;
 font-size: 7vh;
 display: flex;
 justify-content: center;
}
.glyphicon:active {
  transform: translateY(4px);
}
#myModal{
    position:fixed;
    bottom:1vh;
}
.footerInstrClass{
	height: 12vh;
  }
  .centerClass
{
	display: flex;
    justify-content: center;
    align-items: center;
}
.txtClass
{
	color: black;
	font-size: 2.2vw;
    font-weight: bold;
}
.borderClass{
	border-radius: 2vh;
    border: 2px solid rgb(102 98 85);
    background-color:#a4a4a4;
    justify-content: center;
    align-items: center;
    display: flex;
}