@font-face{
		font-family:roboto; 
		src: url(Roboto.ttf)
	}

	 /* On Smartphones ----------- */
	@media only screen and (max-width: 1024px) {

		html, body{
			padding-left: 7%;
			padding-right: 7%;
			text-align: center;
			margin:auto;
		}
		
		
	}
	


	
	html, body {
			
	    font-family: "roboto";
		font-size=15px;
        height: 100%;
        margin: auto;
		text-align: center;
		
		
    }
	

		#copyright{


position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom:1px;
font-size:9px;
color:#0099ff;

	}
	
	#selections {
		
		position: relative;
		margin: auto;
		padding: 10px;	
		top: 30%;
		border-radius:5px;
		background-color: white ;
		color: #0099ff;
		border-style: solid;
		border-width: 5px;
		border-color: #0099ff;
		
	}
	
		/* on Desktop ----------- */
	@media only screen and (min-width: 1025px) {
		#selections {
			width:200px; 

		}
	}
	
	
	
	
	#indexTopic{
		padding-bottom:25px;
		
		
	}
	
	.indexButtons{
		
		//padding: 10px;
		border-radius:5px;
		background-color:white;
		color: #0099ff;
		font-size: 15px;
		font-family: "roboto";
		border:0;

	}
	.indexButtons:hover{
		color: white;
	}
	
	.busButton:hover{
		background-color:#0099ff;	

	}
	.tramButton:hover{
		background-color:#FE4646;
	}
	.trainButton:hover{
		background-color:#62B92B;
	}
	

    #map {
        height: 100%;
    }

	#mapDiv {
		height: 100%;
		z-index:1;
		border-style: solid;
		border-width: 5px;
		border-color: #0099ff;
	}

	#backButton{
		position: absolute;
		z-index:5;
		left:20px;
		top:20px;				
	}
	
	#controlDiv{
		width: 100%;
		position: absolute;
		z-index:5;
		top:50px;
	  
	  }
	#frm{
		float: left;
		padding-right:5px;
		display:inline-flex;
	 }
	  
    #controlElements {
		  background-color:#0099ff;
		  color: white;
		  border-radius: 	5px;
		  padding: 5px;
		  display:inline-block;
	  }
	#topic{
		padding-right:5px;
	
	}
	#input{
		width:50px;
		border: 1px white;
	}
	#search	{
		background-color:#0099ff;
		color: white;
		font-size: 15px;
		font-family: "roboto";
		border: 0;
		border-radius:5px;
	}
	
	

 
 /* Smartphones ----------- */
	@media only screen and (max-width: 1025px) {

		#topic{
			padding-right:20px;
	
		}
		
	}
	
	/* Other devices ----------- */
	@media only screen and (min-width: 1025px) {
		#search:hover {
			color: #0099ff;
			background-color: white;

		}
	}