*{
box-sizing:border-box
margin:0;
}

.box{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

}

body,ul{ margin: 0;
font-family:'Merriweather'; serif;}

nav{ position: fixed; 
     top: 0; 
     left: 0;
    padding: 1vw;
    font-family: verdana,sans-serif;
    color: darkred;
    text-align: center;
    width: 100%;
    min-width: 100px;
    line-height: 1.5em;
    background-color: rgb(255,255,255);
    box-shadow: 0px 5px 5px rgba( 0, 0, 0, 0.3); 
}

p{
font-family: 'Merriweather', serif;
font-size: 18px;
line-height: 30px;
display: inline-block;

}

section{
  background-repeat: no-repeat;
  background-size: cover;
}

.four{
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

h1{
font-family:'Domine'; serif;
font-size: 2em;
letter-spacing: 2px;
}

h2{
font-family: 'Ubuntu';
font-style: bold;
color: gray;
font-size:25px;
line-height: 30px;}

h3{
font-family: 'Ubuntu', serif;
font-size: 22px;
line-height: 26px;
font-style:italic;
}


#gap1{ 
  min-height: 30vh;
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd3c0a99140b7c8c12fd33c/1540604079728/obamaearlylife.png?format=1000w");
  background-repeat: none;
  background-position: center;
  background-attachment: fixed;
   background-size: cover;
   
}

#gap2{ 
  min-height: 30vh;
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd3d221419202dce25ecd5a/1540608556346/education-harvard.png?format=750w");
  background-repeat: none;
  background-position: center;
  background-attachment: fixed;
   background-size: cover;
  }
  
#gap3{ 
  min-height: 30vh;
  background-image:url(https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd3ddc60d9297316b512082/1540611535320/roadtopresident.png?format=1000w);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

#gap4{ 
  min-height: 30vh;
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd470ddeef1a139a2febfea/1540649188699/whitehousegetty.png?format=1000w");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  }
  
#gap5{ 
  min-height: 30vh;
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd247b80852295d5fe3634e/1540508072516/postpresidency.png?format=1500w");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


#three{
  min-height: 70vh;
  width: 100%;
  background-image: url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd48d3053450ad68f201c07/1540656439690/barackbig.png?format=1500w") !important;
  background-position: center;
  background-attachment:fixed;
}

@media (min-width: 300px){
  #three{
    background-image: none;
    background-position: center;
    width:100%;
    display: block;
    }
  }


#five{ 
  min-height: 70vh;
  min-width: 50vw;
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd3d43c7817f7eb117bd2e5/1540654375664/obama-harvard.png?format=1000w");
  background-repeat: none;
  background-position: center;
  background-size: cover;
  }

#seven{
  min-height: 70vh; 
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd3e64cec212d4d88f8c0ce/1540613714183/presidency_intro.png?format=1000w");
  background-position: center;
  background-size:cover;
}

#eight{
  min-height: 70vh; 
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd46b140d9297316b54678f/1540647707852/presidency.png?format=1000w");
  background-position: center;
  background-size:cover;
}
#nine{
  min-height: 70vh; 
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd47711104c7b918a3b7d63/1540650774987/postpresidencypolitico.png?format=1000w");
  background-size:cover;
}
#image1{
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  height:500px;
}
  
#backgroundimage{
  min-height: 100vh;
  background-size: contain;
  background-repeat:none;
  background-position: center;
  background-image:url(http://www.trbimg.com/img-563d25de/turbine/chi-obama-eight-ct0021276492-20070323/600/338x600)
  }

#backgroundimage6{
  min-height: 70vh;
  background-image:url("https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd24b8b652deaa184482450/1540508557647/post+presidency+politico.jpg?format=1500w")
  background-size:cover;
  background-attachment:fixed;
  }
  
#introimage{
  background-position: center;
  background-image:"chicagotribune.jpg"|none|initial|inherit;
  }
  
.earlylife{
  font-family: 'Merriweather', serif;
  font-size: 18px;
  line-height: 30px;
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  padding-top: 3em;
  } 
  

@media (min-width: 300px){
  #gap1{ 
    background-image:url(https://static1.squarespace.com/static/5a7f4444b078690aabfd498a/5bd22ca753450aa3866a7695/5bd3c21ce79c702f878bd065/1540604448294/obamaearlylifexsmall.png?format=750w);
  min-height: 30vh;
  min-width: 50vw;
  background-position: center;
}
}