/*structural elements */

body {
 width: 100%;
 height: auto;
 background-color: white;
}
header {
    float: left;
    width: 100%;
    height: 100px;
    padding-top: 0%;
    border: none;
    background-color: rgb(74, 61, 255);
    position: fixed;
   }
   #title {
    width: auto;
    height: auto;
    position: absolute;
    left: 5px;
    top: 25px;
    overflow: hidden;
   }
   #search {
    width: 200px;
    height: 30px;
    float: right;
    margin-right: 50px;
    margin-top: 30px;
    background-color: white;
   }
   nav {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    margin: 0;
    background-color: rgb(74, 61, 255);
   }
   #top {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    margin: 0;
   }


   #slideshow {
    float: left;
    width: 100%;
    padding: 0;
    border: none;
    margin-top: 130px;
    background-color: rgb(74, 61, 255);
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    max-height: 300px;
   }
#tagline {
 float: left;
 width: 100%;
 height: auto;
 background-color: rgb(74, 61, 255);
 text-align: center;
}
main {
 max-width: 1024px;
 height: auto;
 padding: 0;
 border: none;
 margin: auto;
}
section {
 width: 46%;
 height: auto;
 padding: 1% 1% 1% 1%;
 margin: 1% 1% 1% 1%;
 background-color: white;
 float: left;
}
article {
    width: 29.33%;
    padding: 1% 1% 1% 1%;
    margin: 1% 1% 1% 1%;
    background-color: lightgray;
    float: left;
    height: auto;
   }
   .flexbox {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: auto;
   }
   .flexbox .col {
    width: 29.33%;
    max-height: 1000px;
   }
   figure {}
   footer {
    width: 100%;
    height: auto;
    padding: 1% 0% 1% 0%;
    margin: 1% 0% 1% 0%;
    background-color: rgb(74, 61, 255);
    float: left;
    text-align: center;
   }
   #bottom {}
   
   h1 {
    font-size: 44px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.3em;
   }
   h2 {
    font-size: 32px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.2em;
   }
   .taglineheading {
    font-size: 32px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    line-height: 1.2em;
    padding: 10px;
   }
   h3 {
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.2em;
   }
   .articleheading {
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: black;
    line-height: 1.5em;
   }
   p {
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: black;
    line-height: 2em;
   }
   figure img {
    display: block;
    max-width: 100%;
    height: auto;
    overflow: hidden;
   }
   img {
    width: 100%;
    height: auto;
   }
   .footerimg {
    width: 100px;
    height: auto;
   }

   #top ul {
    list-style: none;
   }

   #top ul li {
    display: inline-block;
    float: left;
    padding: 10px
   }

   .current {
    color: #569993;
   }

   nav #top ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
   }
   #top ul {
    float: right;
   }
   nav #top li {
    float: left;
   }
   li a,
   .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: sans-serif;
   }
   li a:hover,
.dropdown:hover .dropbtn {
 background-color: rgb(42, 49, 150);
}
li.dropdown {
 display: inline-block;
}
.dropdown-content {
 display: none;
 position: absolute;
 background-color: rgb(255, 255, 255);
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
   }
   .dropdown-content a:hover {
    background-color: #f1f1f1;
   }
   .dropdown:hover .dropdown-content {
    display: block;
   }
   #bottom ul {
    list-style: none;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    height: auto;
   }

   #bottom ul li {
    display: inline-block;
    padding: 5px;
   }