@charset "utf-8";
/* CSS Document */
@media only screen  {
body {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    background: #CBBEB5;
    color: #000000;
}


.tweets{
	float: right;
	
}
	/*
.yggcol1{
	float:left;
	width:400px;
	position: relative;
	left:100px;
	background: #EA0F13
}
.yggcol2{
	float:left;
	width:400px;
	position: relative;
	left: 150px;
	background: #1A1886

}
	*/
.headername{
    Font-size: 50px;
    Width: 620px;
    z-index: 3;
    margin-left: 200px;

    right: 700px;
	
}
.hometext{
	position:relative;
	top:150px;
	
}


.a{
	color: #000000;
	text-decoration:none;
}
.a:visited{
	color: #4D3E3E;
	text-decoration:none;
}
.strong{
	color: #000000;
}
.subsection   {
	
 	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; 
	color: #010101; 
	font-size:20px; 
	margin-left: 20%; 
	Margin-right:35%;
	  -moz-box-shadow:    inset 0 0 100px #000000;
   -webkit-box-shadow: inset 10 10 100px #000000;
   box-shadow:         inset 10 10 100px #000000;
	float: top;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 5
    5px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.storylink {
}
}
@media screen and (max-width:430px){
	body {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    background: #CBBEB5;
    color: #000000;
	}
	
	.headername{
		margin-left:10%;
		
	}
	
	h2{
		width: 180%;
		font-size: 20px;
		position: relative;
		text-align:center;
		;
	}
	.bio{
		width: 150%;
	}
}
@media screen and (max-width:850px){
	body {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    background: #CBBEB5;
    color: #000000;
	}
	h2{
		font-size: 25px;
	bio{
		position: fixed;
		margin-top: 700px;
		
			
		}	
	}