html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  //background-color:lightgray;
}

/*Three Image Container - 24 Sep 24*/
/*
.column {
    float: left;
    width: 33.33%;
    padding: 15px;
}
*/
/*Clear floats after image containers - 24 Sep 24 */
/*
.row {
    content: "";
    clear: both;
    display: table;
}
*/
/*Using Flexbox - 24 Sep 24*/
.row {
    display: flex;
}
.column {
    flex: 33%;
    padding: 5px;
}

/*Adding Responsive Layout - makes the three columns stack on top of each other on smaller screens*/
@media screen and (max-width: 500px){
    .column{
        width:100%;
    }
    .quadeinc{
        display:none;
    }
}
/*Adding close Quade Inc pic when screen resolution is too small to display -- 13 Dec 24
@media screen and (max-width:500px){
    .quadeinc{
        display:none;
    }
}
    */