#intro1 {
	background-image: url(../bundles//images/header8.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0;
	position: relative;
	color: #fff;
}

#intro1:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
  opacity: .6;
}

#intro1 .container {
	position: relative;
}

#intro1 h3 {
	font-weight: 300;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 54px;
        font-family: Brush Script MT', cursive';
}

#intro1 p {
	font-weight: 300;
	width: 60%;
	text-align: center;
	margin: 40px auto;
	font-size: 56px;
        font-family: sans-serif;
}

#intro1 a {
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
}

#intro1 #scrolldown {
  	bottom: 0;
	margin-top: 80px;
  	height: 100px;
  	margin-left: -50px;
  	left: 50%;
  	text-align: center;
  	width: 100px;
}

#intro1 #scrolldown span {
  	-webkit-animation-duration: 2s;
          	animation-duration: 2s;
  	-webkit-animation-fill-mode: both;
          	animation-fill-mode: both;
  	-webkit-animation-iteration-count: infinite;
          	animation-iteration-count: infinite;
 	 -webkit-animation-name: scroll;
         	 animation-name: scroll;
  	color: #fff;
	margin: 0 auto;
	position: absolute;
	left: 7px;
	
}

#intro1 .mouse {
  	border: 2px solid #fff;
  	border-radius: 13px;
  	display: block;
  	height: 46px;
  	left: 50%;
  	margin: 10px 0 0 -13px;
  	position: absolute;
  	width: 26px;
}

#intro1 .mouse span {
  	display: block;
  	font-size: 1.5em;
  	margin: 6px auto;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@media (max-width: 768px) {
  #intro1 h3 {
	font-weight: 300;
	

	text-align: center;
	margin: 10px auto;
	font-size: 40px;
    font-family: Brush Script MT', cursive';
}
    #intro1 p {
	font-weight: 300;
	width: 100%;
	text-align: center;
	margin: 40px auto;
	font-size: 46px;
        font-family: sans-serif;
}
}