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

/* general styles
-------------------------------------------------- */
body {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 200;
  color: #4A4641;
  background: #a9a9a7;
  margin: 0;
}

html,body {
  height:100%;
  transition: all 0.7s ease;
}

section{
  background-repeat:no-repeat;
  background-size:cover;
}

/*css reset*/
html,body{margin:0; padding:0;}




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

.signup {
  transition: all 0.7s ease;
  font-weight: 400;
  text-decoration: none;
  color: #976d45;
}

.signup:hover, .signup:visited {
  color: #935a31;
  text-decoration: none !important;
}

.home {
  height: auto;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
}

.polaroid {
  width: 100%;
  height: auto;
  position: absolute;
  margin-top: -10%;
  transition: all 0.7s ease;
  z-index: 200;
}

.saveDate {
  font-size: 25px;
  margin-top: 11%;
  margin-right: auto;
  margin-left: auto;
  width: 38%;
  height: auto;
  position: relative;
  z-index: 1000;
}

.names {
  max-width: 90%;
}

@media only screen and (max-width: 1250px) {
  .saveDate {
    font-size: 22px !important;
    margin-top: 11% !important;
    width: 50% !important;
  }
  
  .names {
    max-width: 60% !important;
  }
  
  .polaroid {
    margin-top: -75px;
  }
}

@media only screen and (max-width: 800px) {
  .saveDate {
    font-size: 19px !important;
    margin-top: 20% !important;
    margin-top: 17% !important;
    width: 80% !important;
  }
  
  .names {
    max-width: 58% !important;
  }
  
  .polaroid {
    margin-top: 0;
  }
}

@media only screen and (max-width: 550px) {
  .saveDate {
    font-size: 17px !important;
    margin-top: 13% !important;
    width: 90% !important;
  }
  
  .names {
    max-width: 50% !important;
  }
  
  .polaroid {
    margin-top: 0;
  }
}


/*
.home-about {
	background-image: url(../images/image.jpg);
}
*/