/* CHANGES FOR SUPER LARGE */




.topSection {

}


.cloudHolder {
position: fixed;
top: 0px;
width: 100%;
height: 18vh;
background: url(../images/weblargetopcloud.png);
background-position: bottom;
background-size: cover;
z-index: 3;
pointer-events: none;

}


.logoHolder {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 12vh;
  background: url(../images/mdtexter.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}

.rightFlankHolder {
  position: fixed;
  top: 0px;
  right:0px;
  width: 20vw;
  height: 10vh;
  background: url(../images/mobiletoprightflank.png);
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 5;
  pointer-events: none;
  margin-top:10px;
  margin-right:10px;
}

.leftFlankHolder {
  position: fixed;
  top: 0px;
  left:0px;
  width: 18vw;
  height: 10vh;
  background: url(../images/mobiletopleftflank.png);
  background-position: center left;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 5;
  pointer-events: none;
  margin-top:10px;
  margin-left:10px;
}

.middleSection {
  width: 100%;
  height: 100vh;
  overflow-x: scroll;

}


.contentHolder{
padding-top:26vh;
padding-bottom: 41vh;
/* padding-left: 80px;
padding-right: 80px; */
}


.bottomSection {


}



.bottomCloudHolder {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 22vh;
  background: url(../images/weblargebottomcloud.png);
  background-position: top;
  background-size: cover;
  z-index: 3;
  pointer-events: none;

}



.bottomLadyHolder {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 20vh;
  background: url(../images/weblargebottom.gif);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 4;
  pointer-events: none;

}

.rightFlankHolder {
display: none;
}
.leftFlankHolder {
display: none;
}


.aboutRow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    align-content: center;
     grid-template-areas:
    "ab1 ab1 ab2 ab2"
    "ab4 ab4 ab3 ab3"
    "ab7 ab7 . ab5"
    "ab8 ab8 . ab6"




}

.aboutPictureColumn {
  height: 20vh;
  width:100%;
  background: url(../images/mobiletoprightflank.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left:100px;
}

.aboutPictureColumn2 {
  height: 15vh;
  width:100%;
  background: url(../images/mobiletoprightflank.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left:100px;
}


.minifestRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:30px;

}

.pictureManifesto {
  background: url(../images/mobiletopleftflank.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height:60%;
width: 100%;
  align-self: center;
}

.founderRow {
    display: grid;
    grid-template-columns: 3fr 1fr;
}

a#contactButtonClick {
    align-self: center;
    justify-self: end;
}

.submissionRow2 {
    display: grid;
    grid-template-columns: 3fr 1fr;
}


.aboutColumn1 {

  grid-area: ab1;
}

.aboutColumn2 {

  grid-area: ab2;
}

.aboutColumn3 {

  grid-area: ab3;
}

.aboutColumn4 {

  grid-area: ab4;
}

.aboutColumn5 {

  grid-area: ab5;
}

.aboutColumn6 {

  grid-area: ab6;
}

.aboutColumn7 {

  grid-area: ab7;
}

.aboutColumn8 {

  grid-area: ab8;
}

.aboutColumn9 {

  grid-area: ab9;
}