header .logo path {fill: var(--textColor);}
.About header .logo path {fill: white;}


.main img {
    width: 100%;
    height: fit-content;
    margin: 3rem 0 1.5rem;
}
.main p:nth-of-type(1) {
  width: 65vw;
  margin-left: auto;
  margin-right: 0;
}
.main p:nth-of-type(2) {width: 88.25vw;}



#visual a picture img {
  display: block; 
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  height: auto;
  margin-bottom: .75rem;
  width: 85vw;
  width: 100%;
}
/*
#visual a:nth-of-type(2) picture img,
#visual a:nth-of-type(4) picture img,
#visual a:nth-of-type(5) picture img,
#visual a:nth-of-type(7) picture img,
#visual a:nth-of-type(9) picture img,
#visual a:nth-of-type(11) picture img {
  display: block; 
  margin-left: auto;
  margin-right: 0;
}

#visual a:nth-of-type(2) picture img,
#visual a:nth-of-type(5) picture img,
#visual a:nth-of-type(6) picture img {width: 65%;}

#visual a:nth-of-type(3) picture img,
#visual a:nth-of-type(7) picture img {width: 80%;}

#visual a:nth-of-type(8) picture img {width: 100%;}
*/




@media screen and (min-width: 720px) {
  .main img {
    margin: 5rem 0 3rem;
    margin: 0;
    width: 100%;
  }
  .main p:nth-of-type(1) {
    width: 100%;
    margin: auto;
  }
  .main p:nth-of-type(2) {
    grid-column: 1 / 3;
    width: 60%;
    text-align: justify;
    margin: 10rem auto;
    /*margin-left: calc(-1*(100vw - 40vw - var(--padding)*2));*/
  }

}






.images img {
	margin-bottom: 5rem;
	height: auto;
}

.images picture:nth-of-type(1) img,
.images picture:nth-of-type(3) img,
.images picture:nth-of-type(4) img,
.images picture:nth-of-type(6) img,
.images picture:nth-of-type(8) img,
.images picture:nth-of-type(11) img,
.images picture:nth-of-type(13) img {
  display: block; 
  margin-left: auto;
  margin-right: 0;
}

.images picture:nth-of-type(1) img,
.images picture:nth-of-type(4) img,
.images picture:nth-of-type(5) img,
.images picture:nth-of-type(7) img {width: 65%;}

.images picture:nth-of-type(2) img,
.images picture:nth-of-type(6) img,
.images picture:nth-of-type(8) img {width: 85%;}

.images picture:nth-of-type(9) img {width: 100%;}



@media screen and (min-width: 720px) {

  .images picture:nth-of-type(1) img,
  .images picture:nth-of-type(4) img,
  .images picture:nth-of-type(5) img {width: 50%;}

  .images picture:nth-of-type(2) img,
  .images picture:nth-of-type(6) img {width: 70%;}
  .images picture:nth-of-type(8) img {width: 80%;}

}