.image-container {
  position: relative;
  display: inline-block;
  margin-bottom:4vh;
}

.image-container img {
  display: block;
  width: 100vw;
  /*max-height: 250px;*/
  object-fit: cover; 
  object-position: 0 100%;
}

.overlay-text {
  position: absolute;
  top: 25%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  background-color: #1111;  /*Transparent*/
  color: #FFFFFF; 
  padding: 1.5% 7.5%; 
  font-size: 3.5vw; 
  text-align: center;
  border: 1px solid black;  /* Border color */
 }
 

    .column {
    float: left;
    width: 50%;
    }
    
    .column-small{
    float: left;
    width: 20vw;
    }
     .column-big{
    float: left;
    width: 65vw;
    }
    .column-blank{
    float: left;
    width: 5vw;
    }
    .column-vsmall{
    float: left;
    width: 10vw;
    }
      .column-medium{
    float: left;
    width: 55vw;
    }
    
      /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-big{
    width: 90vw;
  }
  .column-small{
    width: 90vw;
  }
  }

    .row:after {
    content: "";
    display: table;
    clear: both;
    }





html {
font-family: Helvetica, Arial, sans-serif;
}


li::marker {
  color: #a50707;
}

li {
  margin-top: 2vh;
}

.box {
  text-align: center;
  width: 15vw;
  height: 20px;
  border: 3px solid blue;
  padding: 10px;
  margin: 10px;
  background-color:  #dbe9e8;
  color: #000000;
}
.box:hover {
        background-color: #43e1d7;
        transition: 0.2s;
      }
      
@media screen and (max-width: 600px) {
  .box{
    width: 80vw;
  }      
}

a.nounderline {text-decoration: none; 
color: #000000;
}


a.nounderline_mod {text-decoration: none; 
color: #000000;
}


footer {
box-shadow: 0 50vh 0 50vh #dbe9e8;
  text-align: left;
  padding: 5px;
  background-color: #dbe9e8;
  color: #000;
}


/* Test for hovering over images*/

.divhover {
  display: none;
  border: 1px solid #000;
  height: 30px;
  width: 290px;
  margin-left: 10px;
}



a {
  position: relative
}

a span {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px;
  background: rgba(255,255,255,.8);
}

a:hover span {
  display: block
}

div.sectionhead {
font-weight: bolder;
font-size: 3vh;
margin-bottom:2vh;
margin-top:2vh;
color: #a50707;
}

div.sectionsubhead {
font-weight: bold;
font-size: 2vh;
margin-bottom:2vh;
margin-top:2vh;
color: #a50707;
}

div.color{
display: inline;
color: #a50707;
}