@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
ul{list-style-type: none;}
.logo{float: left;
      width: 400px;
      padding-top: 25px;
      padding-left: 25px;}
.logo img{float: left;
          margin-right: 10px;}
.logo h1{margin: 0px;
         font-size: 20px; 
    text-shadow: -1px -1px  #888484, 1px 1px #FFF; color: #888484;}
.logo p{margin: 0px;}
.logo a{color: black;}
nav{float: right;
    margin-top: 15px;
    margin-right: 25px;}
nav li{display: inline-block;
       margin: 10px;}
nav a{color: black;
      padding: 8px;
      border-radius: 50px 50px 50px 50px;
      border: solid 3px lightgrey;}
nav a:hover {color: white;
             background: hsl(171, 0%, 40%);}
a{text-decoration: none;}
body{font-family: 'Lato', sans-serif;
     margin: 0 auto;
     max-width: 945px;}
#home{clear: both;
      text-align: center;
      background-image: url(img/fotofon.jpg);
      color: white;
      padding-top: 3em;
      padding-bottom: 4em;
      background-size: cover;
      background-position: center;
      text-shadow: -5px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
      color: #ffffff;}
#home h2 { font-size: 40px;
           font-weight: 300;}
#home a:first-of-type{color: white;
                      padding: 10px;
                      background: hsl(171, 0%, 40%);
                      display: inline-block;
                      margin: 2em;}
#home a:first-of-type:hover{padding: 10px;
                            background: hsl(171, 0%, 40%);}
#port h2{text-align: center;
         font-size: 2em;
         text-shadow: -1px -1px #666, 1px 1px #FFF;
         color: #9b9689;}
#port li{display: inline-block;}
#port p {text-align: center;}

#port li{color: black;
         padding: 10px;}
#about h2 {text-align: center;
           font-size: 2em;
           text-shadow: -1px -1px #666, 1px 1px #FFF;
           color: #9b9689;}
#about{text-align: center;
       background:hsl(171, 0%, 40%);
       color: azure;}
#about p{text-align: left;
         margin-left: 3em;
         margin-right: 3em;}
#about li{text-align: justify;}
#cont h2 {text-align: center;
          font-size: 2em;
          text-shadow: -1px -1px #666, 1px 1px #FFF;
          color: #9b9689;}
.footer-menu li{display: inline-block;
                margin: 15px;}
.footer-menu a{border-radius: 50px 50px 50px 50px;
               border: solid 3px lightgrey;}
.footer-menu a:hover {color: white;
                      background: hsl(171, 0%, 40%);
                      border-radius: 50px 50px 50px 50px;
                      border: solid 3px lightgrey;}
smal{text-align: center;}
footer {background-color: gray;
        text-align: center;
padding-top: 20px;}
html{background-color: white;}
.footer-menu a{color: black;
               padding: 8px;}
a{text-decoration: none;}