body{
	background:white;
}


#famlogo{
position:absolute;
left:175px;
top:0px;
width:75px;
height:75px;
}
#fam3{
	position:absolute;
	top:150px;
	left:10px;
	width:390px;
	height:200px;
}
.text{
	font-family:Avenir Next;
}
#become{
position:absolute;
	top:470px;
	left:80px;
	font-size:1.5em;
	color:grey;
	

}

#become2{
position:absolute;
	top:520px;
font-size:.8em;
}

#member{
	position:absolute;
	top:410px;
	left:50px;
	font-size:1.8em;
}

.hairline{
position:absolute;
	top:480px;
	width:500px;
	left:0px;

}
.hr2{
	position:absolute;
	top:600px;
	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;
}

#fam1{
  display:relative;
  left:15%;
  right:15%;
  	width:70%;
	height:50%;
	top:30%;
}
#FAM{
	font-family:Avenir Next;
	position:relative;
	left:40%;
	right:40%;
	font-size:2em;
	font-weight:Demibold;
	top:-100px;
}
#famlogo{
position:relative;
left:45%;
right:45%;
top:-70px;

}
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;
} 


#famlogo{
position:relative;
left:45%;
right:45%;
top:-70px;
width:8%;
height:8%;
}
#fam3{
 display:relative;
  left:15%;
  right:15%;
  	width:70%;
	height:50%;
	top:30%;
}

#become{
position:relative;
	top:600px;
	left:80px;
	font-size:1.5em;
	color:grey;
	left:42%;
	

}

#become2{
position:relative;
	top:600px;
font-size:1em;
left:30%;
}

#member{
	position:relative;
	top:600px;
	left:50px;
	font-size:1.8em;
	left:40%;
}

.hairline{
position:relative;
	top:495px;
	width:100%;
	left:0px;

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

#uno{
	font-weight: bold;
	top:700px;
	position:relative;
font-size:2em;
left:40%;
}
#dos{
top:700px;
	position:relative;
	font-size:1.3em;
	text-align: center;

}
#A{
position:relative;
	top:790px;
	font-size:1.8em;
	left:45%;
}
#AA{
	position:relative;
		top:800px;
	font-size:1.3em;
	left:40%;
}

#B{
position:relative;
	top:820px;
	font-size:1.8em;
	left:45%;
}

#BB{
	position:relative;
		top:830px;
	font-size:1.3em;
	text-align: center;
}

#C{
position:relative;
	top:840px;
	font-size:1.8em;
	left:40%;left:40%;
}

#CC{
	position:relative;
		top:850px;
	font-size:1.3em;
	text-align: center;
}

#D{
position:relative;
	top:860px;
	font-size:1.8em;
	left:40%;
}
}

#DD{
position:relative;
		top:870px;
	font-size:1.3em;
	text-align: center;	
}

#E{
position:relative;
	top:870px;
	font-size:1.8em;
	left:40%;
}

#EE{
	position:relative;
		top:880px;
	font-size:1.3em;
	text-align: center;	
}