.social-connect {
	color:rgb(25,25,25); padding:20px 30px 15px 30px; text-align:center;
}
.social-connect span{display:block; margin-bottom:15px; font-size:20px;}
.social-connect a{margin:5px; font-size:16px; background-color:#8c0000; color:#fff; width:30px; height:30px; text-align:center; display:inline-block; padding-top:6px;}
.social-connect a:hover{color:#8c0000; background:#fff;}
.animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}

*{box-sizing:border-box; margin:0; padding:0;}
p{font-size:24px; margin-bottom:20px;}
.subscribe {
    background: #fff;
    display: table;
	border:1px solid rgb(25,25,25);
	display:flex;
	max-width:500px;
	margin:0 auto;
}

.subscribe input {
    border: none;
    padding: 17px 15px 15px 20px;
    font-weight: bold;
    outline: none;
    font-size: 16px;
    color: #00091B;
    width: calc(100% - 160px);
    position: relative;
    top: 1px;
	float:left;
    background: none;
  font-family: 'Griffy', cursive;
}

.subscribe button {
	float:left;
    background: #00091B;
    color: #fff;
    font-weight: bold;
    border: none;
    padding:16px 15px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
  font-family: 'Griffy', cursive;
    width: 160px;
    position: relative;
    left: 1px;
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

#title {
  top: 30%;
  margin-top:30px;
  color: #FFF;
  font-weight: 300;
  font-size: 50px;
  padding: 0 50px;
  text-align:center;
}
#title span {
  /*background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/ font-weight:bold; margin-bottom:10px; display:inline-block; margin-left:auto; margin-right:auto; width:100%; color:#fdff85;
}

.l-img {
	max-width: 300px;
	max-height: 300px;
	position: relative;
}
.footer-links{-webkit-animation: fadein-2 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein-2 1s; /* Firefox < 16 */
        -ms-animation: fadein-2 1s; /* Internet Explorer */
         -o-animation: fadein-2 1s; /* Opera < 12.1 */
            animation: fadein-2 1s;
			position:absolute; left:0; bottom:0; width:100%; z-index:3;
			}
.footer-links p{margin-bottom:10px; padding:0 5px; font-size:16px;}
.footer-links a{margin:0 12px; position:relative; padding:0 3px; text-decoration:none; color:#fff; position:relative; top:0;}
.footer-links a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
    position: absolute;
    left: 0;
	bottom:-4px;
}

.footer-links a:hover:after{
    width: 100%;
}

body {
  background-color: #ff4814;
  font-family: 'Griffy', cursive;
}

.container {
  position: absolute;
  top: 75%;
  left: 50%;
  margin-left: -64.5px;
  margin-top: -85.5px;
}

.ghost {
  animation: float 3s ease-out infinite;
}

@keyframes float {
  50% {
     transform: translate(0, 20px);
  }
}
.shadowFrame {
  width: 130px;
  margin-top: 15px;
}
.shadow {
  animation: shrink 3s ease-out infinite;
  transform-origin: center center;
  ellipse {
    transform-origin: center center;
  }
}

@keyframes shrink {
  0% {
    width: 90%;
    margin: 0 5%;
  }
  50% {
    width: 60%;
    margin: 0 18%;
  }
  100% {
    width: 90%;
    margin: 0 5%;
  }
}

@media (max-width:600px) {
	.social-connect{right:auto; left:auto; width:100%; padding:10px 20px;}
	.social-connect span{font-size:16px;}
	#title{padding: 0 30px; right:auto; left:auto; font-size:36px;}
	.footer-links p{text-align:center;}
	.footer-links a{margin:0 7px;}
}