body {
    background-color: whitesmoke;
    margin: 0;
    padding: 0;
    font-size: 1vw;
}
p {
    font-family: "Gill Sans", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 14pt;
}
.standout {
    font-size: 16pt;
    font-weight: bold;
}
a {
    text-decoration: none;
    color: #216778;
}
a:hover {
    text-decoration: underline;
}


#col1 {
    width: 30%;
}
#col2 {
    width: 70%;
}

.column {
    float: left;
  }
  
  .row {
    max-width: 1600px;
    margin: 0 auto;
  }

  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }

* {box-sizing:border-box}

.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 2s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

#footer {
    max-width: 1600px;
    margin: 0 auto;
    text-align: right;
}
#footer p {
    font-size: 12pt;
    color: #a0bdc4;
    margin: 0;
    padding: 0;
}
  

  @media screen and (max-width: 650px) {
    #col1 {
        width: 100%;
    }
    #col2 {
        width: 100%;
    }
    .logo {
        width: 70%;
        margin: 0 auto;
    }
    .column {
        float: none;
    }
    p {
        font-size: 12pt;
    }
    .standout {
        font-size: 14pt;
    }
  }