html{
	min-height: 100%;
}

body{
	padding: 2px 8px;
	background-image: url(../img/stars-sky.png);
	min-height: 100%;
}

h1{
  text-align:center;
}

h2{
  text-align:center;
}

input{
  font-size: 20px;
}

.wrapper{
	background-color: #ede4cc; 
	padding:0 6px 4px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-size:20px
}

.content{
  min-height: 320px;
}

.footer{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
}

.answer_button{
  font-size: 20px;
  border-radius: 16px;
}

#question{
  font-size:28px;
  font-weight: bold;
}

#quest_sign{
  font-size:56px;
  font-weight: bold;
}

#mark{
  font-size:24px;
  font-weight: bold;
}

#score{
  font-size:24px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #00FF80; 
}

#ansTable1 input{
  min-width: 260px;
  margin-top: 4px;
  margin-bottom: 4px;
}

#ansTable2{
  margin-top: 8px;
}

#ansTable2 input{
  min-width: 120px;
  font-size: 52px;
  margin: 4px;
}

#ansTable3{
  margin-top: 8px;
}

#ansTable3 button{
  min-width: 120px;
  margin: 4px;
  padding:6px 2px;
}

#btNext{
  margin-top: 12px;
}

#pFinish{
  margin-top: 12px;
}

.devInfo{
  margin-top: 48px;
  font-size: 14px;
}

.btNav{
  font-size: 20px;
  min-width: 160px;
  margin-left: 16px;
  margin-right: 16px;
}

.ads-side{
  position: absolute; 
  top: 15px; 
  width: 180px; 
  height: 620px; 
  background-color: #ede4cc; 
}

#ads-left{
  left: 10px;
}

#ads-right{
  right: 10px;
}

.ads-bottom{
  background-color: white; 
  width: 320px; 
  height: 120px; 
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.quizListTable td{
  padding: 12px;
}

.quizName{
  font-size: 22px;
  font-weight: bold;
}

.quizDescr{
  font-size: 16px;
}

@media (max-width: 1120px){
  .ads-side{
    display: none;
  }
  .ads-bottom{
    display: block;
  }
}