html{
	overflow: hidden;
	height: 100%;
}

body{
	background-image: url(../img/Jackie.png);
	background-position: center; 
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.container{
	width: 100vw;
	height: 100vh;
	margin-left: 0px;
	transition: margin-left 500ms;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;

}

.container.display-nav{
	margin-left: 225px;
}


/*--------MEDIAQUERIES----------*/


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

h1{
    font-size: 80px;
  }
 


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

   h1{
    font-size: 65px;
  }

  h2{
    font-size: 35px;
  }
 


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

}


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



}