p.warningMessage{
	color:red;
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
}

a.range_training{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#023020), to(rgba(126, 94, 162, 0.51))), url(/img/training.JPG);
}

a.range_session{
	background-image: url(/img/range_large.JPG);
    background-repeat: no-repeat;
    background-size: cover;
}

a#main_option{
	width: 100%;
    float: left;
    border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
	margin-bottom:20px;
	display:inline-block;
}

.logged_in_main a span.rangedesc{
	padding-top:0%;
    font-size: 1.5em;
    padding-top: 10px;
    padding-bottom: 15px;
}

.logged_in_main a span{
    width: 50%;
    /* float: right; */
    margin: 0 auto;
    display: block;
    background-color: white;
    padding-top: 2%;
    color: black;
    opacity: 0.8;
    height: 100%;
    font-size: 2em;
}

form.range-record{
    max-width: 80%;
    margin: 0 auto;
    width: 500px;
    height: auto;
    padding: 10px;
    border-radius: 10px;
   
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    margin-top: 15px;
}

h2{
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	color: black;
	font-size:2em;
	/*border-bottom: 1px solid white;*/
	margin-top:20px;
	    text-align: center;
}

h3{	
	color: black;
    text-align: center;
    text-decoration: inherit!;
}

form label, div.form-group {
     font-weight: 700;
    width: 100%;
    text-align: center;
}

h2.form-signin-heading{
color: white;
}

div.form-group {
	margin-top:25px;
}

h1.ScoreSaved{
	color:red;
	font-size:1.2em;
	text-align: center;
}

svg{
}

button{
	    width: 100%;
}

select{
	    word-wrap: normal;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
}

.hideMe{
	visibility:hidden;
    width: 0px !important;
    height: 0px !important;
    float: none!important;
}

.rangeImageHere img{
	width:400px;
}

form.range-record select{
	text-align:center;
}

@media screen and (max-width: 540px) {
	.logged_in_main a span {
		width: 90%;
	}
	
	form.range-record{
		max-width: 97%;
		width: 97%;
	}
	
}

.hideme{
	width:0px!important;
	height:0px!important;
	float:none!important;
}

