@media screen and (min-width:320px) and (max-width:481px) {

html,body {
	width:320px;
	margin:0;
	min-width:320px;
}

#logo {
	width:255px;
	height:179px;
	top:0;
	left:35px;
	background-image:url(assets/RefreshDrop_mobile.png);
}
#logo img {
	display:none;
}

#container {
	margin:0;
}
#nav_menu {
	width:100%;
	height:390px;
	padding:0 10px;
	z-index:100;
}
#head_box {
	float:left;
	width:100%;
	height:320px;
	padding:30px 0 0 0;
	z-index:100;
	text-align:center;
	font-size:1.5em;
}
#head_box_site {
	float:left;
	width:400px;
	height:auto;
	padding:110px 0 0 0;
	z-index:100;
	text-align:center;
	font-size:1.5em;
}
#name {
	position:relative;
	float:right;
	width:400px;
	height:auto;
}

h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:2em;
}
h2 {
	font-family: 'Cabin Sketch', cursive;
	font-size:1em;
}

#content {
	width:310px;
	height:auto;
	padding:5px;
}
#content h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:1em;
}
#content p {
	font-size:1em;
}
#port_content {
	position:relative;
	width:860px;
	height:auto;
	padding:0 50px 50px 50px;
}
#port_content h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:4.5em;
}
#port_content p {
	font-size:1.125em;
}
#port_websites img {
	padding: 10px;
}
li {
	left:30px;
	list-style-type:none;
	width:200px;
	height:auto;	
}
li a {
	text-align:center;
	left:20px;
	width:200px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
.current {
	color:#6f9abf;
	display:block;
	text-decoration:none;
	background-image:url(../assets/CurrentArrow.png);
	background-repeat:no-repeat;
}
li a:hover {
	color:#6f9abf;
	display:block;
	text-decoration:none;
}
.current a {
	color:#6f9abf;
	text-decoration:none;
}

#home .current a {
	color:#000000;
	background-color:#6f9abf;
	display:block;
	text-decoration:none;
}
ul.lists li {
	position:relative;
	width:100%;
	height:auto;
}
ul.maintenance li {
	position:relative;
	width:440px;
	height:auto;
}
ul.experience li {
	left:-10px;
	width:250px;
	height:auto;
}

#text_graphics {
	position:absolute;
	width:200px;
	height:300px;
	text-align:center;
	padding:20px 0;
	z-index:1;
	left: 702px;
	top: 750px;
	font-family: 'Cabin Sketch', cursive;
	font-size:3em;
}
#me {
	position:absolute;
	width:248px;
	height:355px;
	z-index:2;
	left: 683px;
	top: 1528px;
	background-image:url(../assets/Shannon.png);
}
#square {
	position:absolute;
	width:300px;
	height:400px;
	z-index:3;
	left: 664px;
	top: 1500px;
	background-image:url(../assets/square.png);
}
#colorstrip {
	display:none;
}

ul.menuFooter {     /*had it float:right but it pushed the menu over to left when changing screen size*/	
	display:none;
}

.refreshen {            /*FOR REFRESHEN UP WEB DESIGN IN FOOTER*/
	display:none;
}
.refreshen a {
	display:none;
}
.refreshen a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#social_media {
	left:140px;
}
.color {
	color:#A69E8F;
}
#content .big_txt {
	font-size:1em;
}
}