html, body {
		    height: 100%;
		    background-color: #f3742f;
		    padding: 0;
		    margin: 0;
		}	 
		
		.hidden{
			display: none;		
		}
		
		.div-desktop-image{
			float: left;
		}			
			
		.desktop-question{
		  line-height: 40px;
		  height:260px;
		  display: table-cell;
		  vertical-align: middle;
		  padding: 0 40px 0 20px;
		}	
		
		.main-container{
			background-color: white;	
			min-height: 100%;	
    		position: relative;			
		}
		
		.bullet-quest-nr{
			padding: 2px 0 5px 0;
			text-align: center;
			width: 70px;
			position: absolute;
			top: 0;
		   left: 0; 
		   right: 0; 
		   margin-left: auto; 
		   margin-right: auto; 
			background-color: #f3742f;			
			color: #fff;
			border-radius: 0 0 15px 15px;
			font-weight: bold;
			font-size: 22px;
		}
		.row-header{
			border-bottom: 2px dashed #f3742f;
    		height: 80px;	
    		padding: 1px 5px 1px 5px;	
    		color: #003757;		
		}		

		


		.row-footer{
			border-top: 2px dashed #f3742f;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 80px;
			padding: 10px 17px 10px 17px;
		}				
		
		.col-pos{
			padding: 0 0 0 20px; 
    		font-family: 'Yanone Kaffeesatz', sans-serif;
			font-size: 50px;
		}		
		
		.col-btns{
			padding: 12px 20px; 
			font-size: 13px;
			text-align: right;
		}		

		.col-timer{
			font-size: 26px;
			padding: 15px;		
		}
		
		.row-quest{
			background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
			min-height: 35%;
			padding: 20px 20px 0 20px;
			font-size: 35px;
			font-weight: bold;
		}

		.row-answer{
			padding: 20px;
		}
		
		.question-regular {
			font-weight: 400;
			padding: 20px 0px 0 0;	
			line-height: 90%;
			font-size: 40px;
			font-family: 'Roboto Condensed', sans-serif;
		}		

		.question-small {
			width: 100%;
			text-align: center;
			font-weight: 400;
			padding: 0;	
			line-height: 90%;
			font-size: 23px;
			font-family: 'Roboto Condensed', sans-serif;
		}				
			
		.img-question{	
			border-radius: 15px;
			border: 6px solid #f3742f;
			background-color: #fff;
		}	
		
		.quest-title{
			font-size: 30px;
			font-family: 'Biryani', sans-serif;
			padding-right: 10px;
			float: left;
		}
		
		.img-mobile{
			border-radius: 10px;
			margin-bottom: 20px;
			border: 6px solid #f3742f;		
		}
		
		
		.btn-answer{
			/* Mobile */
			padding: 10px;
			background-color: #f3742f;
			color: #fff;
			line-height: 80%;
			font-size: 20px;
			font-family: 'Roboto Condensed', sans-serif;
			text-align: center;
		}



		@media only screen and (min-width : 480px) {
			/* Desktop */
			.btn-answer{
				padding: 10px 20px 10px 20px;
				background-color: #f3742f;
				color: #fff;
				font-size: 30px;
				line-height: 80%;
				text-align: center;
			}
		}

		@media only screen and (max-width : 1024px) {
			/* Desktop */
			.row-header{
				display: none;
			}
			html, body {
				background-color: #fff;	
			}	
		}

	
		
		#table-nav td{
			padding: 4px 0 4px 0; 
			text-align: center;	
			border: 4px solid #fff;	
			color: #fff;
			font-size: 20px;
			font-weight: 500;
			font-family: 'Asap', sans-serif;	
			cursor: pointer;		
		}	

		.btn-nav:hover{
			background-color: #ccc;
		}	

		#table-nav{
			padding: 0;
		}	

		.borderless td, .borderless th {
		    border: none;
		}		
		
		.btn-nav{
			background-color: #ddd;
			border-radius: 5px;	
			border: 1px solid grey;
			color: #003757;
		}
		
		.btn-nav-left {
			background-color: #003757;
			border-radius: 5px;	
			border: 1px solid grey;
			color: #fff;			
		}

		.btn-nav-right {
			background-color: #003757;
			border-radius: 5px;	
			border: 1px solid grey;
			color: #fff;			
		}