@charset "UTF-8";
/* CSS Document */
@media (max-width: 600px) {
	#mammoth-taxi-logo {
		position: relative;
		width: 200px;
		margin: 0 auto;
		margin-top: 0%;
		z-index: 5;
		margin-left: 30%;
	}
}

@media (min-width: 601px) and (max-width: 1024px) {
	#reliable_safe {
		color: #000;
		position: absolute;
		margin-left: 65%;
		margin-top: 22px;
		height: 45px;
		width: 30%;
		background-color: #ffc30d;
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 10px;
		font-size: 10px;
		float: right;
	}

	#logo {
		margin-top: -5px;
		margin-left: 20%;
		float: left;
	}

	#mammoth-taxi-logo {
		position: absolute;
		width: 350px;
		z-index: 5;
	}

}

/* DESKTOP*/

@media (min-width: 1025px) {

	.panel-header {
		position: relative;
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		min-width: 1100px;
		max-width: 1800px;
		box-shadow: 0px 10px 5px #000;
		background-image: url(../images/top_stripebg.jpg);
		background-size: 210% 210%;
		background-repeat: repeat-x;
		background-position: 35% 10%;
		height: 120px;
		padding-right: 20%;
	}

	#index_head {
		position: absolute;
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		min-width: 1100px;
		max-width: 1800px;
		box-shadow: 0px 10px 5px #000;
		background-image: url(../images/top_stripebg.jpg);
		background-size: 265% 265%;
		background-repeat: repeat-x;
		background-position: 45% 15%;
		height: 100px;
		padding-right: 20%;
	}

	main {
		width: 100%;
	}

	#top_nav {
		width: 100%;
		height: auto;
	}

	#reservation {
		margin-left: 130px;
		padding-top: 5px;
		padding-bottom: 15px;
	}

}