* {
   margin: 0;
   padding: 0;
}

::selection {
   background: #222;
   color: white;
}

a {
   color: #333;
}

p {
   margin: 20px 0;
}

.content {
   position: relative;
   margin: 50px auto 0;
}

.content h1 {
   text-align: center;
   position: relative;
   opacity: 0;
   font-weight: bold;
   text-shadow: 0 1px 0 #fff, 1px 2px 2px #aaa;
}

.quote {
   position: relative;
   color: #666;
   text-align: center;
   line-height: 25px;
}

.quote p, .quote div {
   text-align: center;
}

.menu {
   margin-top: 40px;
   text-align: center;
   font-size: 15px;
}

.menu a {
   display: inline-block;
   position: relative;
   margin-left: 20px;
   text-decoration: none;
   border-bottom: 2px solid #ccc;
   text-shadow: 0 1px 0 #fff, 1px 2px 2px #aaa;
}

.menu a:hover {
   border-bottom: 2px solid #333;
}

.menu a:active {
   top: 1px !important;
}

.menu a:first-child {
   margin-left: 0;
}

.footer {
   /* position: fixed; */
   bottom: 0px;
   width: 100%;
}

.footer .footer-newsletter {
   color: rgb(0, 0, 0);
   background-color: rgb(247, 247, 247);
}

.footer .footer-body {
   width: 100%;
   background-color: #333;
   color: rgb(204, 204, 204);
   font-size: .9em;
   line-height: 40px;
}

.footer .social a {
   color: rgb(204, 204, 204);
   text-decoration: none;
   padding-left: 10px;
}

.footer .social a:hover {
   color: rgb(128, 128, 128);
}

.footer .footer-text {
   opacity: 0;
}

.animate-init {
   position: relative;
   top: -10px;
   opacity: 0;
}

.quote-text-final {
   text-align: center;
   font-weight: bold;
}