html,body {
	background: #541e1e;
}


.opnnav{
	display : none;
}

.logo img{
	margin: 10px 0 10px 100px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #dec392;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 30px;  
  color:#fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.topmenu{
	text-align:center;
}

#whiteblock {
	position:fixed;
	top:0;
	width:100%;
	height:90px;
	left:0%;
	z-index:-1;
}

.menutop {
  font-size:18px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  color:#fff;
  font-weight:700;
  display:inline-block;
  position:relative;
  top:20px;
  left:38%;
}

.menutop a {
  color:#fff;
}

.menutop a:hover {
  color: #ffae42;
}

.menutext {
  display:inline-block;
  font-family: Comfortaa;
  margin-right:35px;
}
	
.sliderimage{
	background-image: url(../image/slider.jpg);	
    background-position: center;
	background-size:cover;
}

.bgimage img{
	width:730px;
	height:400px;
}
  
.nextimage{	
	background-image: url(../image/next.png);
    background-repeat: no-repeat;	
	height:130px;
}  

  
.lastimage{	
	background-image: url(../image/lastbox.png);
    background-repeat: no-repeat;	
	width:352px;
}
  
  
.redbox{	
	position:absolute;
	left:1.3%;
	width:274px !important;
	top:6%;
}
  
.lastres{		
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#fff;
    background: linear-gradient(#c10000,#5a3939);
}
  
.firstprize{		
	position:relative;
	font-weight:700;
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#000;
}
  
.firstprize img{	
	position:relative;
	width:40px;
	text-align:center;
}
  
.firstprize b{	
	position:relative;
	top:-36px;  
	left:0px;
	font-weight:700;
	font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#fff;
}
  
.secondprize{
	position:relative;
	font-weight:700;
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#000;
	top:-15px;
}
  
.secondprize img{	
	position:relative;
	width:40px;
	text-align:center;
}
  
.secondprize b{	
	position:relative;
	top:-36px;  
	left:0px;
	font-weight:700;
	font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#fff;
}
  
.thirdprize{	
	position:relative;
	font-weight:700;
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#000;
	top:-30px;
}
  
.thirdprize img{	
	position:relative;
	width:40px;
	text-align:center;
}
  
.thirdprize b{	
	position:relative;
	top:-36px;  
	left:0px;
	font-weight:700;
	font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#fff;
}
  
.starterprize{	
	position:relative;
	font-weight:700;
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#000;
	top:-45px;
}
  
.starterprize img{	
	position:relative;
	width:40px;
	text-align:center;
}
  
.starterprize b{	
	position:relative;
	top:-36px;  
	left:0px;
	font-weight:700;
	font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#fff;
}
  
.consolationprize{	
	position:relative;
	font-weight:700;
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#000;
	top:-55px;
}
  
.consolationprize img{	
	position:relative;
	width:40px;
	text-align:center;
}
  
.consolationprize b{	
	position:relative;
	top:-36px;  
	left:0px;
	font-weight:700;
	font-size: 24px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    color:#fff;
}

.bottext {
   position: fixed;
   bottom: 2%;
   width: 100%;
   background-color: #f8e4d8;
   color: black;
   text-align: center;
}
  
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #000;
   color: white;
   text-align: center;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 0px;
  margin-top:10px;
  margin-bottom:18px;
}
.container-box {
  position: relative;
  text-align: center;
  color: white;
}

.nextdate {
  position: relative;
  top: 37.5px;
  left: 7.5%;
  font-size: 12px;
  font-family: Comfortaa; 
  font-weight:700;
  color:#fff;
}

.hours {
  position: relative;
  top: -3px;
  left: 47%;
  font-size: 29px;
  font-family: Comfortaa; 
  font-weight:700;
  color:#fff;
}

.minutes {
  position: relative;
  top: -52px;
  left: 71%;
  font-size: 29px;
  font-family: Comfortaa; 
  font-weight:700;
  color:#fff;
}

.seconds {
  position: relative;
  margin-top: -102px;
  left:99%;
  font-size: 29px;
  font-family: Comfortaa; 
  font-weight:700;
  color:#fff;
}

.datename {
	position:absolute;
	top: 17%;
	font-size:12px;
	left:8.5%;
	text-align:center;    
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	color:#f09417;
    font-weight:700;
}

.num {
	color: #fda530;
	position:absolute;
	top: 20%;
	font-size:60px;
	text-shadow: 0px 2px #000;
	left:8.5%;
	text-align:center;     
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    font-weight:700; 
}

.headrow {
	background-color: #191919;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.oddrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #707070;
	color:#ffffff;
	padding:10px 10px 10px 10px;
}

.evenrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #4d4d4d;
	color:#ffffff;
	padding:10px 10px 10px 10px;
}


@media only screen and (max-width: 600px) {
.menutop{
	display:none;
}

.logo{
	position:relative; 
	left:27.5%;
	top:5px;
	width:70%;
}

.logo img{	
	width:400px;
}

.sliderimage{
	background-size:cover;
	background-repeat:no-repeat;
	 background-position: center;
	height:705px
}

.bgimage img{
	width:100%;
}

.nextimage{	
background-size:100%;
}  

.lastimage{	
background-size:104%;
}
  
  

.hours {
  font-size: 28px;
}

.minutes {
  font-size: 28px;
}

.seconds {
  font-size: 28px;
  width:400px !important;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto ;
  grid-gap: 10px 0px;
  margin-top:100px;
}

.container-box img{
	width:500px !important;
}

.datename {	
	top: 15%;
	font-size:30px;
	left:8.5%;
	width:450px !important;
}

.num {
	top: 20%;
	font-size:130px;
	left:8.5%;
	width:450px !important;
}


.footer {
   bottom: 0%;
}

.opnnav{
	position:absolute;
	font-size:60px;
	left:270%;
	cursor:pointer;
	display:inline;
}	

}