@charset "UTF-8";
/* CSS Document */

/*
Yellow: FEB424
Blue: 06A4FF
Purple: 4D1635
*/

body {
background-image: url("img/gold_bg.jpg");
 background-repeat: no-repeat;
 background-size: cover;
margin-top:-10px;

  display: flex;
  justify-content: center;
  align-items: center;
	}


.portfolio {
background-image: url("img/p_bg.jpg");
background-color:black;
background-repeat: no-repeat;
background-size: 768px 1366px;
text-align: center;
width: 768px;
font-family: Georgia, serif;
}


#top{
	padding-top:106px;
}
 
 
 
#video,  #writing, #apps  {
width: 520px;
padding-left: 125px;
margin-top:-50px;

}


#wrapper2 {
	color:#FFFFFF;
	font-size:70px;
	font-family: Georgia, serif;
	margin-top:-90px;
		padding-top:39px;
		padding-bottom:80px;
}


 .footer{
padding-top:25px;
padding-bottom:149px;
margin-left:25px;
font-family: "Vidaloka", Geneva, serif;
font-size: 27px;
 
}

#vidfoot{
margin-top:49px;	
}

#writfoot{
margin-top:72px;
}

#appfoot{
margin-top:146px;
}
 
h1 {
	font-size: 85px;
	font-family: "Vidaloka", Geneva, serif;
	}

/*This is for the Jenna Stoeber link text*/
a.one{
	text-decoration: none;
		color:#FEB424; 
	display:inline;
}

a.one:hover{
	text-decoration: none;
		color:white; 
	display:inline;
}

h2 {
	color:#FEB424;
	font-family: Georgia, serif;
	font-size: 28px;
	font-style: italic;
	margin-left: 16px;
	margin-top: -75px;

	}	


nav {
	font-size:20px;
	font-family: Georgia, serif;
text-decoration: none;
}

nav a{
	margin-right:10px;
}



p {
	color:#FEB424;
	}

	
a {
	color:white;
}


/*This is for the nav links at the bottom*/
a.two{
color:white;
padding-right:30px;
}







@media (max-width: 768px ) and (min-width: 541px) {
body{
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("img/gold_bg.jpg");
 background-repeat: repeat;
   background-size: cover;
}

  .portfolio {background-size: 600px;
		width:600px;
}
	
#top{
	padding-top:89px;
padding-left:-30px;
}

#video,  #writing, #apps  {
padding-left:80px;
	font-size:15px;
}


p{
	width:400px;
	padding-top:10px;
	padding-left:25px;
	margin:0px;
}


h1 {
	font-size: 62px;
	}
	
h2 {
	font-size:18px;
	padding-top:21px;
}

.footer{
padding-top:185px;
padding-bottom:110px;
 font-size:20px;
}


#thumb{
display: none;
}

#vidfoot{
margin-top:51px;
margin-bottom:18px;	
}

#writfoot{
margin-top:-131px;
margin-bottom:18px;
}

#appfoot{
margin-top:-88px;
margin-bottom:18px;
}

}





@media (max-width: 540px) and (min-width: 396px) {
body{
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("img/gold_bg.jpg");
 background-repeat: repeat;
   background-size: cover;
margin:-24px;
}

  .portfolio {background-size: 550px ;
	width: 550x;
}

#top{
	padding-top:80px;

}

#video, #writing, #apps {
padding-left:40px;
	font-size:14px;
width:400px;
}

p{
	width:380px;
	padding-left:48px;

}

#writing p {	
	margin-bottom:-8px;
}

#apps p {	
	margin-bottom:-10px;
}

h1 {
	font-size: 58px;
	
	}
	
h2 {
	font-size:18px;
	padding-top:23px;
}


.footer{
padding-top:149px;
padding-bottom:102px;
font-size:16px;

}

#thumb{
display: none;
}

#vidfoot{
margin-top:24px;
margin-bottom:18px;	
}

#writfoot{
margin-top:-72px;
margin-bottom:18px;
}

#appfoot{
margin-top:-36px;
margin-bottom:18px;
}

}







@media (max-width: 395px) {
body{
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("img/gold_bg.jpg");
 background-repeat: repeat;
   background-size: cover;
margin:-24px;
}

  .portfolio {background-size: 360px;
		width: 360px;
	}

#top{
	padding-top:47px;
}


#video, #writing, #apps {
padding-left:45px;
	font-size:11px;
}

p{
	width:270px;

}
	
#writing p {	
	margin-bottom:-10px;
}

#apps p {	
	margin-bottom:-10px;
}
	
h1 {
	font-size: 40px;
	}
	
h2 {
	font-size:14px;
		margin-top:-38px;
}

nav{
width:80%;
padding-left:34px;
}


.footer{
font-size:15px;
}

#thumb{
display: none;
}

#vidfoot{
padding-top:6px;
margin-bottom:-75px;
}

#writfoot{
margin-top:18px;
margin-bottom:-72px;

}

#appfoot{
margin-top:1px;
margin-bottom:-74px;
}

}