html, body {margin: 0; padding: 0; height: 100%; text-align: center;background: #E8FFFA;}
section {min-height: 100%;}
a {text-decoration: none;}
li{list-style-type: none;}

h1, h2, h3, a {font-family: 'Montserrat', sans-serif; font-weight: 500; color: #404040; text-transform: uppercase;}
h2 {color: #5d7177;}
h3 {padding-top: 8%; margin-bottom: 5px; font-size: 40px;}
h4, p {font-family: 'Montserrat', serif; color: #404040;}

hr { width: 30px; height: 3px; background: #404040; border: 0; margin: 0 auto 40px auto;}
#logo, li, img {transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}

  /*----------------header ------------------------*/

header {
  width: 100%;
  height: 65px;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #E8FFFA;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 1;
  }

#logo {
    width: 140px;
    float: left;
    margin: 10px 0 0 50px;
    }

#logo: hover {
      opacity: 0.5;
    }

#logo img {
    width: 40%;
    }

header nav {
  float: right;
  margin: 10px 50px 0px 0px;
  }

header nav ul li {
    float: left;
    margin-right: 25px;
}

header nav ul li a {
font-size: 16px;
}

header nav ul li: hover {
  padding-top: 5px;
}

  /*----------------home ------------------------*/

#home {
    background: url(img/landing.png);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#home h1   {
      margin: 240px auto 0 auto;
      font-size: 110px;
}

#home h2 {
  margin: 0 auto 0 auto;
  font-size: 25px;
}

#home img {
  width: 32px;
  margin-top: 150px;
  opacity: 0.7;
}

#home img:hover{
opacity: 1;
}

/*----------------About------------------------*/
#about img {
  width: 150px;
  margin-bottom: 30px;
}
#about img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}
#about h4 {
  font-size: 50px;
  }
#about p{
  width: 700px;
  margin: 0 auto 0 auto;
}

/*----------------MyLove------------------------*/
#mylove h4 {
  font-size: 50px;
  }
#mylove p{
  width: 700px;
  margin: 0 auto 0 auto;
}

#mylove ul {
  padding: 0;
}

#mylove ul li {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

#mylove img {
  width:300px;
  margin: 0 auto 0 auto;
  border-radius: 5px;
}

#mylove img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
/*  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); */
}

/*----------------Pics------------------------*/
#gallery {
  background-color: #E8FFFA;
}

#pics {
  width: 900px;
  margin: 0 auto 0 auto;
}

#pics ul {
  padding: 0;
}

#pics ul li {
  width: 33.3%;
  float: left;
  margin-bottom: 15px;
}

#pics img {
  width: 280px;
  height: 170px;
  border-radius: 5px;
}

#pics img:hover{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}