/* CHANGES FOR MOBILE */
@media (max-width: 550px) {


  #navRow {
      display: none;
      grid-template-columns: 1fr 1fr;

    }
.mainContain {
  width: 100%;
  height:100vh;
  background: url(../images/mobileback.png);
background-position: center;
background-size: cover;
position: fixed;

}


.topSection {

}


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

}


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

/*.rightFlankHolder {

  display: block;
  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 {
  display: block;
  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:120px;
padding-bottom: 200px;
padding-left: 20px;
padding-right: 20px;
}


.bottomSection {


}



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

}



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

}
.aboutRow {
    display: grid;
    grid-template-columns:1fr;
    align-items: center;
    align-content: center;
}
.aboutPictureColumn {
display: none;
}

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

}

.rowInfo {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap:0px;
}

.pictureManifesto {
display: none;
}

.submitButtonDiv {
    background: url(../images/buttonsubmit.png);
    height: 140px;
    width: 140px;
    background-size: contain;
    background-position: center;
    filter: drop-shadow(2px 4px 6px #00000089);
}
.submitButtonDiv:hover  {
    filter: drop-shadow(1px 2px 3px #00000011);
}


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

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

.submissionRow2 {
    display: grid;
    grid-template-columns: 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;
}

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




}



}