@charset "UTF-8";
/* CSS Document */


/*HORIZONTAL LINES*/
.horizontal_dotted_line_gray {
  border:none;
  border-top:5px dotted #c1c0be;
  height:2px;
  width:100%;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

/*IMAGE BOXES*/
.box {
  border:1px solid rgb(233, 233, 233);

  padding:10px 10px 10px 10px;
  min-height:220px;
}

.donor-pic { 
background:url(https://libraries.unl.edu/images/bands/AHLC-donors.png);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
margin-top:0;
}

.darkgraybox {
  display:flex;
  align-items:center;  
  justify-content:center;
  border: 2px solid rgb(233, 233, 233);
}

.graybox {
  display:flex;
  align-items:center;  
  justify-content:center;
  border: 2px solid rgb(233, 233, 233);
}


.creambox {
  display:flex;
  align-items:center;  
  justify-content:center;
  border: 2px solid rgb(233, 233, 233);
}


.lightgraybox {
  display:flex;
  align-items:center;  
  justify-content:center;
  border: 2px solid rgb(235, 235, 234);
}

.picbox {
   display:flex;
  align-items:center;  
  justify-content:center;
}

.wrapper {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.five {
   background: linear-gradient(rgba(71, 71, 70, 0.4), rgba(71, 71, 70, 0.4)), /*GRAY OPAQUE OVERLAY*/
    url('https://libraries.unl.edu/images/photos/achlc-askus-bw2.png');
    background-size:cover;
   background-repeat: no-repeat;
}

.eight {
 background: linear-gradient(rgba(71, 71, 70, 0.4), rgba(71, 71, 70, 0.4)), /*GRAY OPAQUE OVERLAY*/
    url('https://libraries.unl.edu/images/photos/books-bw.png');
    background-size:cover;
   background-repeat: no-repeat;
}

.eleven {
background: linear-gradient(rgba(71, 71, 70, 0.4), rgba(71, 71, 70, 0.4)), /*GRAY OPAQUE OVERLAY*/
   url('https://libraries.unl.edu/images/photos/mezzanine-bw.png');
    background-size:cover;
   background-repeat: no-repeat;
} 

@media (min-width: 600px) {
.wrapitup {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.info1 {
     grid-column: span 1;
     grid-row: span 1;
  }

.figure1 {
    grid-column: span 3;
    grid-row: span 1;
  }
	
	.figure2 {
    grid-column: span 2;
    grid-row: span 1;
  }

.figure-span3 {
   grid-column: span 2;
   grid-row: span 2;
}
  }