*{
	margin:0;padding:0;
	box-sizing: border-box;

}
@media only screen and (min-width: 600px) {
	.card-bg {
		background-position: 77% 0%;
		background-size: cover;
	}

}

main{
	min-height: 100vh;
}
nav{
	background: #fff;
    height: 75px;
    padding: 5px;
}
nav ul li a{
	color:#000;
}
.login-btn
{
	background:#00afb9;
	margin: 0px 20px 10px 20px;
}
.q_detail{
display: block;
padding: 20px;

}


.valign-wrapper p{
	font-size:20px;
}
.pad20{
	padding: 10px 0 0 10px;
}


	

textarea.materialize-textarea{
	height: 25rem;
    border: 1px solid gray;
}

textarea:focus:not([readonly])
{
border-bottom: 1px solid gray;
box-shadow: 0 1px 0 0 gray;
}	

.card-set
{
	position:relative;
	top:30px;
	left:0px
}

.rules{
	display: block;
	text-align: left;
	margin:0px 0px 15px 0px;

}

.rules h6{
	margin-top: 20px;
	margin-bottom: 0px;
	font-size:21px;
}
.rules ol {
	  display: block;
  }
  .rules ol li{
	 list-style-type: circle ! important;
      padding:10px 0px 0px 0px;
  }
.card-bg
{
	background-image:url("../img/bg.jpg");
	background-position:bottom;
	background-repeat:no-repeat; 
}


.fnt15{
	font-size: 15px;
	padding:5px 0 0 0;
}
.fnt21{
	font-size:21px  ! important;
}
.valign-wrapper p{
	font-size: 18px;
}

.opt{
	min-height: 30vh;
}

.fnt14{
	font-size: 14px;
	padding: 7px 0 0 0;
}
.set-footer {
	background-image: url(../img/footerbg.jpg);
    display: flex;
    justify-content: center;
	align-items: center;
	height:10vh;
    padding:10px;
}
.set-footer a{
	color:lightgray;
	padding:0px 20px;
}
.pos_data{
	position: relative;
	top:100px;
}