/* PAGE CONTENT */

.site-content {
  margin-top: 125px;
 
}

@media screen and (min-width: 850px) {
  .site-content {
    margin-top: 150px;
   
  }
}


.intro-info {
  font-size: 1rem;
}



/* MAIN INFO  */

  @media screen and (min-width: 750px) {
    .container-grid {
      
      display: grid;
      grid-template-columns: auto;
    }
  }

  
  .info-wrapper {
    max-width: 90%;
    padding: 10px;


}

.info {
  justify-self: center;
  align-self: center;
  line-height: 1.5;
  padding: 20px;
}

.image-wrapper{
    display: grid;
    justify-items: center;
}

.art-image {
    width: 100%;
}

.art-image img {
    
    width: 100%;
}

.intro-wrapper {
  padding: 10px;
}

.museum-text-wrapper {
  padding: 10px;
  text-align: center;
}

.contact-grid {
  text-align: center;
  padding: 10px;
}

/* for tablets and computers */

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

  .container-grid {
    grid-template-columns: auto auto;
  }

  .container {
    width: 740px;
    position: relative;
    left: 50vw;
    transform: translate(-50%);
    border-left: 20px solid var(--artBlue);
    border-right: 20px solid var(--artBlue);
    border-bottom: 90px solid var(--artBlue);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-bottom: 100px;
    
  }



  .image-wrapper {
    padding-top: 20px;
    border-left: 15px solid var(--artPeach);
  }

  .image-wrapper img {
    padding: 10px;
  }



  .museum-image-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 10px;
    grid-gap: 10px;
  }

  .full-width {
    grid-column: 1/-1;
  }


}