html,body{
	height: 100%;
	width: 100%;
}
body{
	font-family: 'Source Sans Pro', sans-serif;
}

.top-image{
	  width: 100%;
	  height: 100%;
	  min-height: 100%;
	  position: relative;
	  background-image: url(../images/main-bg.jpg);
	  -webkit-background-size: cover;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center top;
}

.top-main-content{
color: #fff;
margin: 0 auto;
text-align: center;
min-height: 650px;
padding: 2em 0em;
position: absolute;
top: 1%;
left: 25%;
right: 25%;
}

.top-main-content h1{
margin: 0;
padding: 1em 0em;
}

.top-main-content p{
font-size: 20px;
}



.top-main-content p{
margin: 0;
}

.overlay-mask{
height: 100%;
width: 100%;
  background-color: rgba(0,0,0,0.5);
}

.player{
margin-top: 20px;
margin-left: 80px;
height: 30px;
}

.player audio{
width: 100%;
}
@media(min-width: 100px) and (max-width: 600px){
	.top-main-content{
		padding: 0;
		position: absolute;
		top: 5%;
		left: 5%;
		right: 5%;
	}
	
	.logo img{
		width: 100%;
		max-width: 95px;
	}
	.top-main-content h1 {
		font-size: 30px;
	}
	.top-main-content p {
	  font-size: 16px;
	}
}
@media(min-width: 1024px){
.down{
height: 100px;
width: 100px;
border: 2px solid #fff;
border-radius: 50%;
margin: 0 auto;
margin-top: 2em;
position: relative;
}

.down:before{
content: '';
height: 30px;
display: inline-block;
border-left: 2px solid #fff;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
transform: rotate(50deg);
position: absolute;
left: 61%;
top: 15%;
-webkit-animation: move1 1s ease-in-out infinite both;
-moz-animation: move1 1s ease-in-out infinite both;
animation: move1 1s ease-in-out infinite both;
}

.down:after{
content: '';
height: 30px;
border-left: 2px solid #fff;
display: inline-block;
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
transform: rotate(-50deg);
position: absolute;
right: 60%;
top: 15%;
-webkit-animation: move1 1s ease-in-out infinite both;
-moz-animation: move1 1s ease-in-out infinite both;
animation: move1 1s ease-in-out infinite both;
}
.top-main-content h1:before {
background-image: url("../images/before-content.png");
right: -50px;
}
.top-image .top-main-content h1:after {
  background-image: url("../images/after-content.png");
  left: -50px;
}
.top-image .top-main-content h1:before, .top-image .top-main-content h1:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 230px;
  height: 27px;
  top: 23%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
}

@-webkit-keyframes move1{
  0%{
	top: 15%;
  }
  100%{
    top: 50%;
  }
}
@-moz-keyframes move1{
  0%{
	top: 15%;
  }
  100%{
    top: 50%;
  }
}
@keyframes move1{
  0%{
    
    top: 15%;
  }
  100%{
    top: 50%;
  }
}
.normal-box{
margin-bottom: 0.5em;
}

.footer-wrapper{
background: #333;
}

.DC p{
margin: 0;
text-align: center;
padding: 1em;
color: #f1f1f1;
}

.DC p a{
color: #fff;
}