body{
	font-family: Roboto, sans-serif;
}
.fare{
	text-align: center;

	
}
#fare-1{
	width: 80%;
		text-align: center;
		margin-top:150px;
     margin-left:10%;
}

#fare-heading{
	margin-top:150px;
	font-size: 46px;
	color: #02477f;
	font-weight: bold;
}
#fare-2{
	width: 100%;
	margin: 1% auto ;

	
}


#fare-3{
	text-align: left;
	width: 100%;
	height:500px;
	margin: 0 auto 3%;
}
#passlink{
	text-decoration: none;
	color: #00467e;
	font-size: 15px;
}
#pass{
	
	margin: 12px auto 1px 825px;
}
#rt{
	width:30%;
	float:right;
	margin-right:15%;
}

#passlink:hover {
	text-decoration: underline;

}

#fare-search{
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
	
}
#mylist{
	margin: 10px auto 40px 20px;
	width: 45%;
    height: 50px;
	font-size: 18px;
	text-align: center;
	border: 1px solid lightgrey;

}
#fare-button{
	width: 40%;
         height: 45px;
         border: none;
         outline: none;
         cursor: pointer;
         background-color: #02477f;
         color: #fff;
         font-size: 15px;
         text-transform: uppercase;
         font-weight: 600;
         margin: 0 auto 40px 65px;
}
#fare-button:hover {
	background-color: #02475f;
}
@media(max-width:700px){
	#rt{
		width:80%;
		float:none;
		margin-left:10%;
		margin-right:0px;
	}
	#fs{
		margin-top:50px;
			margin-right:0px;
	}
	#mylist{
		width:80%;
	}
	#fare-3{
		height:auto;
	}
	
}