.portion {
  top: 200px;
  height: 1000px;
  background-image: url('http://s8.postimg.org/up89c63ed/pirate_cave_peter_kachtik.jpg');
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
#portion1 {
  height: 600px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
#portion2 {
  height: 600px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}

#portion3 {
  height: 20px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
#portion4 {
  height: 600px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
.portion4 {
  height: 600px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
#portion5 {
  height: 1000px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
#portion12 {
  height: 600px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
#portion6 {
  height: 1000px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
.portionwhite {
  height: 600px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}
.portiontwo {
  height: 1000px;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Loutherbourg-Un_navire_maltais_attaqu%C3%A9_par_des_pirates_alg%C3%A9riens.jpg/640px-Loutherbourg-Un_navire_maltais_attaqu%C3%A9_par_des_pirates_alg%C3%A9riens.jpg');
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}

.portionthree {
  height: 1000px;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/53/NH%26HC43575.jpg');
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}
.portionfour {
  height: 1000px;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/French_ship_under_atack_by_barbary_pirates.jpg/640px-French_ship_under_atack_by_barbary_pirates.jpg');
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}

.portionfive {
  height: 1000px;
  background-image: url('http://www.pauldingcountyareafoundation.net/static/img/content/ship-on-stormy-sea-painting.jpeg');
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}
.portionzero {
  height: 1000px;
  background-image: url('http://www.guardian.co.tt/sites/default/files/styles/large/public/field/image/hang.png?itok=jTPOy2Go');
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}
.portionpirate {
	 height: 1000px;
  background-image: url('data:image/jpeg;base64,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');
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
}
	
.portion .portion2 {
  background-image: url{'https://upload.wikimedia.org/wikipedia/commons/1/10/The_pirate,_and_The_three_cutters_(1861)_(14761477356).jpg'};
}

.portion.two {
  background-image: url('https://c1.staticflickr.com/3/2942/15227476169_bc35afff4d_b.jpg');
  height: 1000px;
  background-color: white;
  opacity: 1;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;

}
.portion h2 {
  color: white;
  font-weight: normal;
  font-size: 3em;
  padding: 2em 0;
  margin: 0;
  text-shadow: 0 0 10px black;
  background: rgba(0,0,0,0.6);
}

.info {
	height: 20px;
  background: #FFFAF0;
  color: #777;
  padding: 3em 20%;
  background-size: cover;
}

.button {
  text-align: center;
}
.button a {
  display: inline-block;
  border: 2px solid #777;
  padding: .75em 1.5em;
  color: #777;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  letter-spacing: .15em;
  word-spacing: .25em;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
.button a:hover {
  color: #FFFAF0;
  background: #777;
}
footer.info {
  color: #FFFAF0;
  background: #777;
  padding: 0 auto;
  text-align: center;
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}