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

body {
	color: #000000;
	background-color: #EAEAEA;
}

.Logo   {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
}


 .name {
	font-family: bebas-neue;
	font-style: normal;
	font-weight: 400;
	font-size: 3em;
	float: left;
	margin-top: 104px;
	line-height: 32px;
}

.jobtitle {
	font-family: eb-garamond;
	font-style: normal;
	font-weight: 400;
	float: none;
	padding-left: 15px;
	line-height: 45px;
	font-size: medium;
}

.social {
	float: right;
	margin-top: 112px;
	margin-right: 20px;
}

.navbar {
	font-family: pt-sans-narrow;
	background-color: #EAEAEA;
	font-size: large;
}

#defaultNavbar1 a:hover {
	color: #FFFFFF;
	background-color:#999696;
}

.Leftnav {
	padding: 20px;
	font-family: pt-sans-narrow;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	float: left;
	font-size: large;
}
.navList {
	list-style-type: none;
	margin-bottom: 0px;
	float: none;
	text-align: left;
}
.navListItem a {
	text-decoration: none;
	color: #000000;
	margin-bottom: 0px;
	padding: 10px;
}

.navListItem a:hover {
	color: #FFFFFF;
	background-color:#999696;
	padding: 10px;
}

 .sr-only{
	color:#939393;
	}


.laptop {
	float: right;
	
}

/*ABOUT PAGE*/

.contents{
	float:right;
	padding-top: 5%;
	padding-left: 5%;
}

.elena {
	float: left;
	padding-right: 50px;
}
.about {
	padding-right: 16px;
	margin-right: 20px;
	padding-top: 10px;
	font-family:arial;
	font-style: normal;
	font-weight: 400;
	font-size: large;
}

.Leftnav {
	padding: 20px;
	font-family: pt-sans-narrow;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	float: left;
	font-size: large;
}

footer {
	font-family: pt-sans-narrow;
	font-style: normal;
	font-weight: 400;
	text-align:center;
	clear: both;
	padding-top: 0px;
	font-size: x-small;
}

/*CONTACT PAGE*/
.form-contents {
	float:right;
	margin-top: inherit;
	padding-top: 5%;
	padding-left: 5%;
}

/*PORTFOLIO PAGE*/

.carousel-heading{
padding-top: 0px;
text-align: left;

}
.carousel{
	padding-left: 0px;
	margin-left: 0%;
}


/*EXPERIENCE PAGE*/


.jumbotron {
  float: left;
  margin-left: 10px;
  padding-left:2px;
  padding-top: 20px;
  padding-bottom: 0px;
  color: inherit;
  background-color:#F5F5F5;
}




/* tablets and desktop */
@media only screen and (min-width: 992px) {
	/* tablets and desktop */
		
.navbar  {
	display:table;
}

#defaultNavbar1 a {
display:none;
}

.socialBottom {
	display:none;
}

.nameTwo {
	display: none;
}
	
/*PORTFOLIO*/
.container {
	padding-right:0%;
	padding-top:0%;	
}
}	

.carousel-heading {
	margin-right: 0px;
	margin-left: 0px;
}
.carousel {
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
	
.container-video {
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5%;
}


@media only screen and (max-width: 991px) {
/* tablets and mobile */
	
.navbar {
	float:none;
	position:inherit;
	top: 150px;
	left:0%;
	display:table;
}
	
/*#defaultNavbar1 a {
display:block;
}*/

.laptop {
	padding-top: 20px;
	top:100px;
}	

.Leftnav {
	display:none;
}
	
.Logo {
	position:absolute;
	width:12%;
	left: 27%;
}
	
.name {
	text-align: left;
	display:none;
}
	
h1 {
	text-align: center;
	font-size: 4em;
}

.jobtitle {
	padding-left: 0px;
	font-size: 18px;
	text-align: center;
	line-height: 5px;
	display: inherit;
}
	
.nameTwo {
	top:inherit;
	left: 37%;	
	text-align: center;
	font-family: bebas-neue;
	font-style: normal;
	font-weight: 400;
	float: left;
	margin-top: 5%;
}
	
.social {
	display:none;
}
	
/*ABOUT PAGE*/	
.contents {
	padding-top: 60px;
	padding-bottom: 10px;
	top:100px;	
}	
	
/*CONTACT PAGE*/
.form-contents {
	display: block;
	float: none;
	padding-top: 0px;
	margin-top:250px;
	right:12%;
	left:0%;
}
.socialBottom {
	position:relative;
	display: block;
	margin-top: 9%;	
}
	
/*EXPERIENCE PAGE*/
.jumbotron {
	top:110px;
	padding-bottom: 0%;
}

.experience {
	padding-left: 0px;
	text-align: left;
	float: none;
	clear: none;
}
/*PORTFOLIO PAGE*/

h3 .text-left {
	text-align: left;
	float: left;
	clear: none;
}
	

p .container {
/*	position: absolute;
	float:left;*/
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0%;
	padding-top:0%;	
}
.carousel-heading {
	position:relative;
	margin-top: 5%;
	margin-left: 2%;
	margin-right:2%;
}
.carousel {
	position:relative;
	padding-bottom: 2%;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
}
.container-video {
	padding-top: 5px;
	padding-bottom:15px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
}
	
@media only screen and (min-width: 768px) {
/* tablets and desktop */
	
.navbar {
	position: absolute;
	top: 190px;
	left:20%;
	display:table;
}	
.collapsed .navbar-collapse {
	display:table;
}

.item {
	position:absolute;
	}
}

@media only screen and (max-width: 767px) {
/* phones */
.navbar {
	float: left;
	position:absolute;
	left: 65%;
	top: 20px;
	right:25%;
	display:table;
}

.Logo {
	position:absolute;
	width:15%;
	left: 1%;
}
	
.nameTwo {
	top:inherit;
	left: 14%;	
	text-align: center;
	font-family: bebas-neue;
	font-style: normal;
	font-weight: 400;
	float: left;
	margin-top: 5%;
}

.laptop{
	padding-top: 22px;
	top:90px;
}
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
/* portrait phones */
	
.navbar {
	float: left;
	position:absolute;
	left: 65%;
	top: 20px;
	right:25%;
	display:table;
}

.collapsed {
	text-align: left;
	align-content: left;
	clear: both;
	padding-bottom: 10px;
}
	
.navbar-toggle {
	float:left;
	clear: both;
	padding-bottom: 10px;
}
.Logo {
	position:absolute;
	width:15%;
	left: 1%;
}
	
.nameTwo {
	top:inherit;
	left: 14%;	
	text-align: center;
	font-family: bebas-neue;
	font-style: normal;
	font-weight: 400;
	float: left;
	margin-top: 5%;
}

.laptop{
	padding-top: 22px;
	top:90px;
}
}	

@media (max-width: 726px) {
.laptop{
	top:125px;
	padding-bottom: 70px;
}
	/*CONTACT PAGE*/
.form-contents {
	position:inherit;
	display: block;
	float: none;
	right:10%;
	left:10%;
}
.socialBottom {
	display: block;
	margin-top: 25px;	
}
/*ABOUT PAGE*/
.contents {
	padding-top: 20px;
	padding-bottom: 20px;
	top:120px;	
}
.about {
	padding-right: 16px;
	margin-right: 20px;
	padding-top: 5px;
}
.elena {
	float: left;
	padding-right: 50px;
	padding-bottom: 20px;
}
.nameTwo {
font-size: 70%;
}
	
/*PORTFOLIO PAGE*/
.container-video {
	padding-bottom: 0%;
	padding-top: 20px;
	margin-right: 0px;
	margin-left: 0px;	
}

/*EXPERIENCE PAGE*/

.jumbotron {
	margin-top: 35px;
	padding-bottom: 2%;
  	margin-bottom: 60px;
}

 p .experience {
	margin-right:0%;
	padding-left: 0px;
	text-align: left;
	}
}

@media (max-width: 429px) {
.Logo {
	position:absolute;
	width:35%;
	left: 10%;
}
.nameTwo {
	top:inherit;
	left: 35px;	
	text-align: left;
	font-family: bebas-neue;
	font-style: normal;
	font-weight: 400;
	margin-top: 60%;
}
h1 {
	text-align: left;
	font-size: 4em;
}
	
.jobtitle {
	padding-left: 0px;
	font-size: 18px;
	text-align: left;
	line-height: 5px;
	display: inherit;
}
	
.navbar {
	float: left;
	position:absolute;
	left: 65%;
	top: 20px;
	right:25%;
	display:table;
}
	
.collapsed {
	text-align: left;
	align-content: left;
}
	
.navbar-toggle {
	float:left;
}
	
.laptop{
	padding-top: 0px;
	top:15px;
	padding-bottom:0px;
}
	
/*ABOUT PAGE*/	
.contents {
	margin-top:-100px;
}
.elena {
	float: left;
	padding-top: 0px;
	padding-right: 50px;
}
.img-circle {
	width:95%;
	padding-bottom: 15px;	

}
.about {
	float:left;
	padding-right: 16px;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
}
.socialBottom {
	display: block;
	margin-top: 0px;	
}

/*CONTACT PAGE*/
.form-contents {
	position:inherit;
	padding-top:40px;
	right:10%;
	left:10%;
}

/*EXPERIENCE PAGE*/
.jumbotron {
  position:inherit;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 5%;
  margin-bottom: 0%;
  color: inherit;
  background-color:#F5F5F5;
}
	
/*PORTFOLIO*/

.container {
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2%;
	padding-top: 0%;
}
.carousel-heading {
	position:relative;
	margin-top: 15%;
	margin-left: 5%;
	margin-right:10%;
}
.carousel {
	position:relative;
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10%;
}
.carousel-control {
	margin-bottom: 20%;	
	}

.container-video {
	margin-top: 10%;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5%;
}
/*.concept {
	padding-top: 0px;
	top: -958%;
	margin-top: -1230%;
}*/
}