.updatescontainer{
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 1%;
    padding-right: 1%;
    background-color: white;
    display: flex;
    flex-direction: column;
}
.h2updates{
    margin-bottom: 20px;
    color:black;
    font-size: 2.2em;
}

.content2{
    grid-area:auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:auto;
    grid-template-areas: "up1 up2 up3 up4 up5 up6";
    grid-gap: 1%; 
    margin: 1%;
}
.up1,.up2,.up3,.up4,.up5,.up6{
    cursor: pointer;
    transition: opacity 0.4s;
}
.up1 :hover,.up2 :hover,.up3 :hover,.up4 :hover,.up5 :hover,.up6 :hover{
    opacity: 70%; 
}
.up1{
    grid-area: up1;
    text-align: center;
}
.up2{
    grid-area: up2;
    text-align: center;
}
.up3{
    grid-area: up3;
    text-align: center;
}
.up4{
    grid-area: up4;
    text-align: center;
}
.up5{
    grid-area: up5;
    text-align: center;
}
.up6{
    grid-area: up6;
    text-align: center;
}   
.upimage{
    max-width: 100%;
    border-radius: 3px;
    transition: transform .5s ease-in-out;
  }
  .upimage:hover {
    transform: scale(1.150);
  }
.h3title,.h5date{
    font-family: "AvenirLTStd-Book";
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    text-transform: none;
    text-shadow: none;
    color:black;
}
.h5date{
    font-size: 0.8em;
}
.button2 {
    font-family: "AvenirLTStd-Black";
    border: white 2px solid;
    background-color: transparent;
    color: black;
    text-align: center;
    text-decoration: none;
    font-size: 1.3em;
    margin-top: 20px;
    margin-left:35%;
    margin-right:35%;
    cursor: pointer;
    display: inline-block;
    transition: all 0.5s;
}




@media only screen and (max-width: 750px){
      .content2{
        grid-area:auto;
        margin: 1%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:auto auto;
        grid-template-areas: "up1 up2"
                              "up3 up4"
                              "up5 up6";
      }
}