/* CSS Document */
    .goldalt {
    color: #fff;
    background: rgba(0,0,0, .3);
    border-radius: .3em;
    border: 2px solid #daaf48;
    width: 100%;
    max-width: 250px;
}

 .large-hero {
	 position:relative;
	 background-color: #000000;
	 background-image: url();
	 background-size:cover;
	 background-position:center center;
	 background-repeat: no-repeat;
	 min-height:400px;
}
 .large-hero-content {
	 position:absolute;
	 top:50%;
	 left:0;
	 transform: translateY(-50%);
	 width:100%;
	 text-align:center;
	 z-index:101;
}
 .large-hero-content h1 {
	 color: #ffffff;
	 font-size: 35px;
	 font-weight: 600;
	 line-height: 35px;
	 margin-top: 0px;
	 text-shadow: 4px 4px 1px rgba(0,0,0,0.41);
	 color:#daaf48;
	 margin: auto;
}
 .large-hero-content p {
	 color: #ffffff;
	 font-size: 20px;
	 text-shadow: 3px 2px 1px rgba(0,0,0,0.41);
	 text-transform:uppercase;
	 letter-spacing: 5px;
	 line-height:3rem;
	 margin-bottom: 5px;
}
 .imgdim {
	 background-color: rgba(0,0,0,.3);
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 z-index: 100;
}
 .button {
	 margin: 10px 2px 0px 0!important;
	 text-shadow: 0 1px 1px rgb(0 0 0 / 60%);
}
/* Larger than phablet (also point when grid becomes active) */
 @media (min-width: 400px) {
}
/* Larger Than Mobile */
 @media (min-width: 550px) {
	 .large-hero-content {
		 transform: translateY(-50%);
	}
	 .large-hero-content h1 {
		 font-size: 45px;
		 line-height: 45px;
	}
	 .large-hero-content p {
		 font-size: 25px;
	}
}
/* Larger than tablet */
 @media (min-width: 750px) {
	 .large-hero-content h1 {
		 font-size: 65px;
		 line-height: 65px;
		 margin-bottom:0;
	}
	 .large-hero-content p {
		 font-size: 35px;
	}
	 .large-hero {
	 min-height:500px;
    }
    .large-hero-content p {
    margin-bottom: 30px;
    }
}
/* Larger than desktop */
 @media (min-width: 997px) {
	 .large-hero-content {
		 transform: translateY(-40%);
	}
	 .large-hero-content h1 {
		 font-size: 60px;
		 line-height: 90px;
		 text-shadow: 4px 4px 1px rgba(0,0,0,0.41);
	}
	 .large-hero-content p {
		/*font-size:40px;
		*/
	}
}
 @media (min-width: 1200px) {
	 .large-hero-content h1 {
		 font-size: 85px;
		 line-height: 110px;
		 text-shadow: 4px 4px 1px rgba(0,0,0,0.41);
	}
}
 
 #pgTitle h1 {
	 font-size: 25px;
	 margin-top: 20px;
}
 .box-text {
	 margin-top: 0px;
}