@media screen and (min-width: 1024px)  {

/*Navigation */
li {
list-style-type: none;
position: relative;
font-size: 30px;
width:220px;

left:-1em;
top:0em;

display:block;

}

nav a{
color: #2e592b;

text-decoration: none;
line-height:60px;
width:200px;


}
/*End Nav */


/* Header*/
h1.title {

font-size: 70px;
top:-23px;

}

/* Logo */
img.logo {

width: 100px;
height: 100px;

}

/*End Header*/


/* Content */
br {
display:none;

}



.content {


position: relative;
left: 15em;
bottom: 26em;
width: 70%;
}

.contentSocial {

display:block;
margin:auto;
width: 35em;

position: relative;
left: 15em;
bottom: 26em;
width: 70%;

}

/* End Content */

/* Facebook and Twitter Badges */
img.socialmedia {

width:70px;
height:70px;
position: relative;
padding-bottom: .5em;
bottom:0em;
left: 4em;
padding-left: 5px;
display:block;

}


} /* End 1024px media Q */


@media screen and (max-width: 640px) {

img.logo {

width: 65px;
height: 65px;

}


/* For Picture that shown under 640px */
.stainedLB {
float:none;
margin:auto;
width:40%;
max-width: none;

}

/* So there is no bullet point on header */
.noU {
text-decoration: none;

}

/*
.stainedLBPort {
float:left;
margin:auto;
width:40%;
max-width: none;
padding: 5px;

}
*/

.show {
display:block;
float:none;
margin:auto;
width:100%;
max-width: none;
}

.hide {
display: none;

}

/*
.imgBox {
	width: 50%;
	padding: 1%;
	position: relative;
	top: 40px;
	margin: auto;
	display: block;
	visibility: visible;

}

*/

img.socialmedia {

bottom:90px;
left:5px;
display:block;


}




li {
top: -25px;
left:40px;
width: 160px;

}

h1.title {

font-size: 30px;
top:-20px;

}

h2 {
font-size: 80%;

}

p {

font-size:80%;
}

} /* End 640px media Q */