@import url(http://fonts.googleapis.com/css?family=Exo+2:400,700,500);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);


html{
overflow: -moz-scrollbars-vertical; 
 	overflow-y: scroll;
}


html, body {
/*	width: 95%;*/
	max-width: 1100px;
	height: 100%;

	/*margin-top: 0;
	margin-left: 0;*/
	font-family: 'Roboto', sans-serif;
	margin-left: 30px;
	padding-top: 15px;

}

h1, h2, h3, h4 {

		/*font-family: 'Exo 2', sans-serif;*/
		font-family: 'Roboto', sans-serif;

}

#enter {
max-width: 920px;
min-width: 600px;
height: 100%;
width: 100%;
float: left;
margin-left: 260px;
/*background-color: #00ADEF;
background-image: url(../images/erika.jpg);
background-size: cover;*/
/*background-repeat: no-repeat;*/

}

.welcome {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
}


#wrapper{

max-width: 1200px;
height: 100%;
/* width: 95%; */
/*margin: 0 auto;*/
}

#header{

		margin-left: 10px;
		margin-top: 30px;
	padding: 0;
}

#menu {
display: block;
	width: 200px;
	height: 100%;
	position: fixed;
	color: #6b6363;
/*	background-color: #F37668;
*/	margin-left: 0;
	margin-top: 0;
	float: left;

}

#menu-line {
list-style: none;
color: #6b6363;
text-decoration: none;
margin-left: 10px;
padding: 0;

}	

#menu-line li {
font-size: 14px;
font-weight: 400;
line-height: 200%;
|}

#menu-line ul{
color: #6b6363;
}

#menu-line a strong {
font-size: 14px;
font-weight: 400;
|}


#menu-line ul a.current {
	list-style: none;
color: #6b6363;
text-decoration: none;
}


a:link {color:#6b6363;
	text-decoration:none;
	}      /* unvisited link */
a:visited {color:#6b6363;
	text-decoration:none;}  /* visited link */
a:hover {color:#F37668;}  /* mouse over link */
a:active {color:#6b6363;}  /* selected link */


#portfolio{
max-width: 920px;
min-width: 600px;
/* height: 100%; */
float: left;
margin-left: 260px;
color: #6b6363;

}

.portfolio-item {
	width: 100%;
	padding: 40px 0 20px 0;
}

.portfolio-item .title {
font-size: 15px;
font-weight: 700;
margin: 0 0 2px 0;
text-transform: uppercase;
}

.portfolio-item p {
font-size: 13px;
width: 70%;
margin:0 0 7px 0;
font-weight: 300;
}

.portfolio-item img{
	width: 100%;
	margin:7px 0 7px 0;

}

.portfolio-details {
	margin-left: 0 !important;
	padding-left: 0 !important;
	float: left;
}

.portfolio-details ul{
	margin-left: 0 !important;
	padding-left: 0 !important;
	float: left;
}

.portfolio-details li{
	text-transform: uppercase;
	display: inline;
	list-style: none;
	padding-right: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;

}

.date{
	background-image: url('../images/date.png');
	background-repeat: no-repeat;
	padding-left: 22px;
}

.place{
	background-image: url('../images/place.png');
	background-repeat: no-repeat;
	padding-left: 22px;
}

.download{
	background-image: url('../images/download.png');
	background-repeat: no-repeat;
	padding-left: 22px;
}




.divider {

	/*border-bottom: 1px solid #999;*/
	float: left;
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 0 0 30px 0;
	background-image: url('../images/divider.png'); 
	background-repeat: no-repeat;
	background-position:center; 
}




#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background: rgba(0, 0, 0, 0.6);
    text-align:center;
}

#lightbox img {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-height: 100%;
}




/* ////////// SOCIAL ICONS /////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */


#social{

	width: 100%;
	height: auto;
	bottom: 0;
	position: absolute;
	margin-bottom: 25px;
}

.social-container{
	margin-left: 10px !important;
	padding-left: 0 !important;
	margin-top: 20px;
	width: 100%;
	height: 40px;

}
.social-container li a{
	width: 25px;
	height: 25px;
}




.social-container li{
	list-style: none;
		width: 25px;
	height: 25px;
	display:inline; 
	float:left; 
	background-repeat:no-repeat;
}

#css3:hover li { opacity:0.6; }
#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#css3 li:hover { opacity:1; }


li.email{
	background-image: url('../images/social_email.png');
	background-repeat: no-repeat;
}




li.facebook{
	background-image: url('../images/social_facebook.png');
	background-repeat: no-repeat;
}

li.instagram{
	background-image: url('../images/social_instagram.png');
	background-repeat: no-repeat;
}

li.linkedin{
	background-image: url('../images/social_linkedin.png');
	background-repeat: no-repeat;
}

li.twitter{
	background-image: url('../images/social_twitter.png');
	background-repeat: no-repeat;
}



/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* /////////////////////////////////// */



.video-container {
    position: relative;
    margin-top: 65px;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.pbRSQMtq.dpuf