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

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/*Logo */
#logo {
    padding:0 20%;
}

#images {
    padding:0 20%;
}

.image {
    float: left;
    padding: 0px 10px 10px 0px;
}

img {
  display: block;
  height: auto;
  float: left;
  max-width: 100%;
  border: 0;
}

/*Navigation */
body {margin: 0;
    font-family: 'Open Sans', sans-serif;
    display: block;
    color: white;
    text-align: center;
    padding: 20px 20px;
    text-decoration: none;
}

ul.topnav {	
    list-style-type: none;
    margin: 0;
    padding: 0 20%;
    overflow: hidden;
    background-color: #1F2B33; 
    clear: both;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 20px 20px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #FFF; color: #1F2B33;}

ul.topnav li a.active {background-color: #ccc; color: #1F2B33;}

ul.topnav li.right {float: right;}

@media screen and (max-width: 768px){
    ul.topnav li.right, 
    ul.topnav li {float: none;}
}

/* Text */

#text {
    padding:0 20%;
    color: #333;
}

/* Links */

#text a:link {text-decoration: none; color: #1D487D; border-bottom: 1px dotted;} 
#text a:visited { text-decoration: none; color: #1D487D; border-bottom: 1px dotted;} 
#text a:active { text-decoration: none; color: #1D487D; border-bottom: 1px dotted;} 
#text a:hover { text-decoration: none; color: #1D487D; border-bottom: 1px solid;}