/*------------------------
victoria saunders website

designed by Victoria Saunders
2020
vsaunders at me.com

yellow #fcf0a4
green #66beb8
blue #407490
gray #4f5656


------------------------*/

/* setup */

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	font-family: 'Josefin Sans', sans-serif;
}


nav {
	background-color: #999;
	width: 100vw;
	height: 50px;
	margin: 0px;
	padding: 15px;
	position: fixed;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index: 1;
}

.navContainer {
	width: 900px;
	margin: auto;
	padding: 0px;
}

.navitemCurrent {
	width:300px;
	height: 50px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 50px;
	line-height: 50px;
	font-weight: 700;
	font-family: 'Josefin Sans', sans-serif;
	color: #FFF; 
	float: left;
}

.navitem {
	width:300px;
	height: 50px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 50px;
	line-height: 50px;
	font-weight: 200;
	font-family: 'Josefin Sans', sans-serif;
	color: #FFF; 
	float: left;
}

.navitem:hover{
	width:300px;
	height: 50px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 50px;
	line-height: 50px;
	font-weight: 700;
	font-family: 'Josefin Sans', sans-serif;
	color: #FFF; 
	float: left;
}

.name {
	width: 200px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	font-size: 50px;
	font-weight: 200;
	font-family: 'Josefin Sans', sans-serif;
	color: #FFF; 
	position: fixed;
	left: 20px;
	top: 20px;
	z-index: 2;
}

.name:hover{
	font-weight: 700;
}

.name:hover > .about{
	left: 0px;
}

.about {
	width: 200px;
	height: 150px;
	padding: 20px 20px 20px 40px;
	margin: 0px;
	position: fixed;
	top: 80px;
	left: -260px;
	background-color: #999;
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	font-weight: 200;
	font-family: 'Josefin Sans', sans-serif;
	color: #FFF; 
}

section {
	width: 900px;
	margin: 120px auto;
	padding: 0px;
	line-height: normal;
}

/* Parent Container */.content_img{
 position: relative;
 width: 900px;
 height: 400px;
 float: left;
 margin: 20px 0px;
}

/* Child Text Container */.content_img div{
 position: absolute;
	width: 900px;
	top: 0;
	left: 0;
	color: #666;
	margin: 0px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: normal;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s, opacity 0.5s linear; 
	transition: visibility 0s, opacity 0.5s linear;
}

.content_img:hover{
	cursor: auto;
}
.content_img:hover img{
	opacity: .4
}

.content_img:hover div{
 width: 860px;
 padding: 20px;
 visibility: visible;
 opacity: 1; 
}

.info{
	color: #666;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: initial;
}






/* copyright */

.copyright{
	position: absolute;
	z-index:100;
	bottom: 1vh;
	top: auto;
	right: 1vw;
	font-size: 12px;
	font-family: 'Montserrat';
	font-weight: 100;
	background-color: #FFF;
}



/* screen size */

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




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

}