body {
  margin: 0;
  padding: 0;
  position:absolute;
  left:0;
  top:0;
    background-color: #EEE;

font-family: monospace;
 font-size: 1.5vw;
}

h1
{

}

main {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  perspective: 2.05px;
}


section {
  transform-style: preserve-3d;
  position: relative;
  min-height: 15vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  
  
}

.no-parallax {
  background-color: #EEE;
  z-index: 999;
  color:#333;
  padding-left:15vh;
  padding-right:15vh;
  padding-top:15vh;
  padding-bottom:15vh;
  min-height: 100vh;
  }
.black {
 background-color: #333;
  
  color:#EEE;
}

.threecols {
column-count:2;


   
    
}
.col {
   
     -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

p{
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid;
}

.headline 
{
 text-align: center;
 font-size: 2vw;
 color:white;
}

.parallax::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateZ(-1px) scale(2);
  background-size: 100%;
  z-index: -1;
	image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
	image-rendering: -moz-crisp-edges;          /* Firefox                        */
	image-rendering: -o-crisp-edges;            /* Opera                          */
	image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
	image-rendering: pixelated; /* Chrome */
	image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */


}



.break::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  background-size: 100%;
  
	image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
	image-rendering: -moz-crisp-edges;          /* Firefox                        */
	image-rendering: -o-crisp-edges;            /* Opera                          */
	image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
	image-rendering: pixelated; /* Chrome */
	image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */


}

.bgA::after {
  background:     url("bg.jpg");
  background-size: cover;
  background-position: 0% 0%;
}
.bgB::after {
  background:     url("bgB.png");
  background-size: cover;
  background-position: 0% 33%;
}
.bgC::after {
  background:     url("bgB.png");
  background-size: cover;
  background-position: 0% 66%;
}

.header {
min-height: 100vh;
}