@charset "UTF-8";*{}@media (min-width:960px){body{width:1060px;background-color:#c0e7fc;min-height:480px;font-size:1.25rem;padding-bottom:5px;margin-left:auto;margin-right:auto}header h1{text-align:center;font-size:2rem;color:#000}nav{width:1060px;align:center;margin-top:1rem;padding-bottom:5px;background-color:#c0e7fc;font-size:1rem}nav ul{list-style-type:none;margin-bottom:20px;padding-left:.25rem;overflow:hidden;font-size:1rem;border:1px solid red;background-color:#fff}nav li{float:left}nav li a{display:block;color:#666;text-align:center;border:1px solid red;padding:17px 24.7px;text-decoration:none}nav li a:hover:not(.active) {background-color:#ddd}nav li a.active{color:#000;background-color:#ddd}article{text-align:center;margin-top:1rem;margin-bottom:1rem;background-color:#f8f8f8;padding-left:100px;padding-right:100px;padding-bottom:20px;border:1px solid red;font-size:1.25rem}article p{text-align:center;font-family:Arial,Verdana,sans-serif;font-size:1.25rem;line-height:1.5;margin-bottom:35px;margin-left:55px;margin-right:75px;color:#000}article a{text-decoration:none;color:#00f;font-size:1.25rem}article a:hover{      text-decoration:underline;color:#00f;      }article h1{text-align:center;margin-top:2rem;margin-bottom:2rem;font-size:2.2rem;color:#000}article h2{text-align:center;font-family:Arial,Verdana,sans-serif;font-size:1.35rem;line-height:1.5rem;margin-top:.5rem;margin-bottom:.5rem;color:#000}article h3{text-align:center;font-size:1.25rem;color:red;margin-bottom:35px;line-height:1.5rem}article h3 a{text-align:center;font-size:1.25rem;color:#00f;margin-bottom:35px;line-height:1.5rem}article h4{text-align:center;font-size:1.25rem;color:#2c3e50;margin-top:0;margin-bottom:2.5rem;line-height:1.5rem}article h5{text-align:center;font-size:1.25rem}article h6{text-color:gray;text-align:center;margin-top:0;margin-bottom:3rem}img{display:block;width:75%;margin-right:auto;margin-left:auto;margin-top:35px;margin-bottom:35px;max-width:600px}article ul{list-style-type:none;margin-bottom:50px;padding:0;overflow:hidden;font-size:1.25rem;line-height:1.5;color:#2c3e50}article li{float:center;font-size:1.25rem;letter-spacing:0;line-height:1.8em;font-family:sans-serif,Verdana,Geneva,Arial}article li a{display:block;color:#666;font-size:1.25rem;text-align:center;padding:14px 16px;text-decoration:none}#box{background-color:#ff9;border:1px solid red;margin-top:1em;margin-bottom:2em;align:center;a:link:color:black;padding-top:20px;padding-bottom:20px}#box2{background-color:#ff9;border:1px solid gray;margin-top:1em;margin-bottom:2em;align:center;a:link:color:black;padding-top:20px;padding-bottom:20px}#box p{font-style:italic;font-weight:550;color:gray;font-size:1.25rem;text-align:center;margin:10px}footer{width:100%;background-color:#f8f8f8;text-align:center;margin-top:30px;padding-top:20px;padding-bottom:20px;border:1px solid red}footer p{font-size:1.1rem;margin-top:40px;margin-bottom:40px;color:#000}footer ul{}footer li{float:left;display:inline}footer li a{display:block;color:#fff;font-size:1.1rem;padding-top:1rem;padding-bottom:1rem;padding-right:1.75rem;padding-left:1.75rem;text-decoration:none}footer a:hover,footer a:active,footer li.selected a:link,footer li.selected a:visited{background-color:#fff}footer h5{text-align:center}}@media (max-width:959px){h1{font-size:1.25rem;text-align:center}h2{font-size:1rem;text-align:center}h3{font-size:1rem;text-align:center}body{background-color:#f5f5dc;padding:5px;text-align:center}img{display:block;width:90%;margin-right:auto;margin-left:auto;max-width:400px}nav{list-style:none;margin-bottom:5px}nav a{font-size:1.2rem;text-decoration:none;display:block;      width: 46%;      padding: 10px;      margin: 5px;      color: white;      background: blue;      text-decoration: none;      border-radius: 1px 5px 5px 1px}nav a{color:#fff;      font-size:2rem;     
      }nav li{color:#fff;      font-size:2rem;     
   
   position:relative;margin-left:-30px;list-style:none;color:#fff;background-color:#00f;border-bottom:thin #fff solid}nav li a:hover:not(.active) {background-color:#ddd}nav li a.active{color:#000;background-color:#ddd}nav ul{margin:20px}nav ul li{      display:none;      }nav a:hover{      color:yellow;      text-decoration:none;      }      /* hide submenus in mobile devices */
      

      #nav li:hover a{      text-decoration: none;      background-color: gray;      border-radius: 5px 25px 25px 5px;      border-bottom: thin white solid;      width:75%;      }article a{list-style:none;color:#00f}article li{list-style:none;color:#00f}ul{margin:20px}}