h1 {
	font-family:'Quicksand', sans-serif;
	text-align: center;
	color: black;
	opacity: 0.87;
}

/*h2 {
	font-family:'Roboto', sans-serif;
	font-size: 25px;
	text-align: center;
	color: black;
	opacity: 0.54;
}
*/

h3 {
	font-family:'Quicksand', sans-serif;
	font-size: 20px;
	text-align: left;
	color: black;
	opacity: 0.87;
}

p {
	font-family: 'Roboto', sans-serif;
	opacity: 0.87;
}

body {
	background-color: snow;
}

li {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	opacity: 0.87;
}

nav {
	background-color:#90CAF9;
	height:40px;
	list-style: none;
	position:fixed;
	top:0;
	width: 98.15%;
	opacity:1;
	z-index:99;
	text-align: center;
	padding-bottom:10px;
}

nav a{
	text-decoration: none;
}

nav a:link{
	color:#000;
}

nav a:visited{
	color:#000
}

nav a:hover{
	color:#FFF
}

nav ul {
	padding-left:10px;
	list-style-type: none;
}

nav li {
	list-style:none;
	/* float:left; */
	padding-right:20px;
	font-weight:bold;
	display: inline;
}

#container{
	width:99%;
	margin: 30px 0px 30px 0px;
	overflow:hidden;
	padding:10px;
}

header {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #90CAF9;
	text-align: center;
}

.pane1 {
	padding: 30px 30px 30px 30px;
	margin-right: 30px;
	background-color: #64B5F6;
	margin: auto;
}

.pane2 {
	padding: 30px 30px 30px 30px;
	background-color: #42A5F5;
	margin: auto;
}
 
.company-name {
	font-family:'Quicksand', sans-serif;
	color: black;
	opacity: 0.87;
	font-size: 50px;
}

#cat{
	font-weight:bold;
}

.tagline{
	font-family:'Roboto', sans-serif;
	font-size: 25px;
	text-align: center;
	color: black;
	opacity: 0.54;
}

.mapdiv{
	text-align: center;
	margin: 0 auto;
	display: block;
}

#map{
    height: auto; 
    width: auto; 
    max-width: 800px; 
    max-height: 800px;
}

#packages{
	overflow-x:auto;
	margin:auto;
	align:center;
}

#packages th, td{
	text-align:center;
	padding: 5px;
}