body{
	background:white;
}


#famlogo{
position:absolute;
left:175px;
top:4px;
}


#fam2{
	position:absolute;
	top:150px;
	left:10px;
}

#map{
	position:absolute;
	top:790px;
	left:10px;
	
}
#directions{
	position:absolute;
	top:415px;
	left:10px;
	font-weight:bold;
	font-size:1.5em;
	font-family:Avenir;
}
#adress{
	position:absolute;
	top:450px;
	left:10px;
	font-family:Avenir;
}

#highway41{
position:absolute;
	top:490px;
	left:10px;
	font-weight:bold;
	font-size:1.5em;
	font-family:Avenir;
}

#hw41{
	position:absolute;
	top:530px;
	left:10px;
	font-family:Avenir;
}

#highway99{
position:absolute;
	top:610px;
	left:10px;
	font-weight:bold;
	font-size:1.5em;
	font-family:Avenir;
}

#hw99{
	position:absolute;
	top:650px;
	left:10px;
	font-family:Avenir;
}



.hr1{
	position:absolute;
	top:500px;
	width:500px;
	left:0;
}


.hr2{
	position:absolute;
	top:625px;
	width:500px;
	left:0px;
}

a:link{
	text-decoration:none;
	
}

a:hover{
	text-decoration:none;
	color:black;
}

a:visited{
text-decoration:none;
color:black;

}
ul{
	list-style-type:none;
	padding-top:20px;
	padding bottom:20px;
	position:relative;
	top:70px;

}

li{
	display:inline-block;
	width:100px;
	font-family:Avenir Next;
	font-size:1.5em;


}

@media screen and (min-width:550px)
{
body{
	background:#ccc;
}


#famlogo{
position:relative;
left:45%;
right:45%;
top:-70px;
}


#fam2{
	 display:relative;
  left:10%;
  right:15%;
  	width:80%;
	height:50%;
	top:30%;
}

#map{
	position:relative;
	top:900px;
	left:40%;
	
}
#directions{
	position:relative;
	top:680px;
	left:40%;
	right:40%;
	font-weight:bold;
	font-size:2.5em;
	font-family:Avenir;
}
#adress{
	position:relative;
	top:650px;
	left:20%;
	right:60%;
	font-family:Avenir;
	font-size:1.8em;
}

#highway41{
position:relative;
	top:720px;
	left:40%;
	right:40%;
	font-weight:bold;
	font-size:2.5em;
	font-family:Avenir;
}

#hw41{
	position:relative;
	top:700px;
	right:40%;
	font-family:Avenir;
	font-size:1.8em;
}

#highway99{
position:relative;
	top:780px;
	left:40%;
	right:40%;
	font-weight:bold;
	font-size:2.5em;
	font-family:Avenir;
}

#hw99{
	position:relative;
	top:750px;
	font-family:Avenir;
	font-size:1.8em;
}



.hr1{
	position:relative;
	top:720px;
	width:100%;
	left:0;
}


.hr2{
position:relative;
	top:780px;
	width:100%;
	left:0;
}

a:link{
	text-decoration:none;
	
}

a:hover{
	text-decoration:none;
	color:black;
}

a:visited{
text-decoration:none;
color:black;

}
ul{
	list-style-type:none;
	padding-top:20px;
	padding bottom:20px;
	position:relative;
	top:160px;
	left:32%;
	right:30%;

}

li{
		display:inline-block;
	width:100px;
	font-family:Avenir Next;
	font-size:1.5em;
	font-weight: bold;
}