@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Image Parallax Section*/

.ParallaxImage {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 50px;
}
.ParallaxImage h1{
	text-align:center;
}
.ParallaxImage h3 {
  font-weight: 700;
  font-size: 76px;
  text-align: center;
  text-transform: uppercase;
  color:#FFF;
}

.bg1 {
  background-image: url("../images/paxallax1.jpg");
}
.bg2 {
  background-image: url("https://www.saintstephens.org/images/nicaragua.jpg");
}
.bg3 {
  background-image: url("../images/paxallax3.jpg");
}


/* Content Parallax Section*/
.ParallaxContent {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 42px 0;
    color:#FFF;	
} 
.ParallaxContent h3{
	color:#FFF;	
	text-align:center;
}


/* Video Parallax Section*/
.ParallaxVideo{ 
	height: 600px;
	padding-bottom: 50px;
    padding-top: 50px; 
}
.ParallaxVideo video{ 
    min-width: 100%;
    position: fixed;
	top:0;
	z-index: -9999;
}
.ParallaxVideo h3 {
    color: #fff;
    font-size: 76px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}


/* General Section*/
.container {
  margin: 0 auto;
  padding:0 12px;
}
.headlines h2 {
    color: #fff;
    font-family: "PT Sans",sans-serif;
    font-size: 32px;
    margin: 0;
	text-align: center;
}
.headlines p {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
	color:#f6f3f3;
	text-align: center;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1024px;
  }
	
}


/* When the screen is less than 1366 pixels wide */
@media only screen and (max-device-width: 1366px) {
	.ParallaxVideo{ 
		height: 400px;}
}


/* When the screen is less than 1000 pixels wide */

@media screen and (max-width: 1000px) {
	.ParallaxVideo{ 
		height: 200px;}
}