.orange-section {
    background-color: #fca601;
    color: #000000
}
.white-section {
    background-color: #ffffff;
    color: #000000;
}
.orange-bg {
    background-color: #fca601;
    
}
.yellow-text {
    
    color: #ffcc00;
}
.yellow-section {
    background-color: #ffcc00;
    color: #000000
}
.purple-section {
    background-color: #695a9e;
    color: #000000
}

.light-purple-section {
    background-color: #9881e8;
    color: #000000
}



.blue-section {
    background-color: #22a0e6;
    color: #000000
}
.light-blue-section {
    background-color: #c7ecfe;
    color: #000000
}


.brown-section {
    background-color: #501d00;
    color: #ffffff
}

.red-section {
    background-color: #a1001e;
    color: #ffffff

}
.green-section {
    background-color: #2b571f;
    color: #ffffff
}


html {
    font-size: 25px;
}

.article-body-text {
    font-family: times_new_romanregular serif;
    font-size: 0.8rem;
    line-height: 1rem;
}
.article-sm-text {
    font-family: times_new_romanregular serif;
    font-size: 0.7rem;
    line-height: 1rem;
}

.article-img-box {
		border: 8px solid;
	border-color: #fca601;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.article-img-border {
	
border: 10px solid;
border-color: #ffcc00;

	/*border-radius: 8px;*/
	
}
.article-game-border {
border: 10px solid;
border-color: #ffffff;

}

.smaller {
	font-size: 0.7rem;
}
.body-text {
    font-family: times_new_romanregular serif;
    line-height: 1rem;
}

.body-text-white{
    font-family: times_new_romanregular serif;
    color: #ffffff;
}

h1{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1.5rem;
}

h2{
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 1rem;
}

h3{
 font-family: times_new_romanregular serif;
    font-size: 1rem;
    font-weight: bold;
}


h4{
    font-family: times_new_romanregular serif;
    font-size: 1.25rem;
}

h5{
    font-family: times_new_romanregular serif;
    font-size: 1rem;
    
}

.img-responsive {
    width: auto;
    height: 100px;
}

.text-responsive {
    font-size: calc(100% + 1vw + 1vh);
}

@font-face {
    font-family: 'times_new_romanregular';
    src: url('../fonts/webfonts/times-webfont.woff2') format('woff2'),
    url('../fonts/webfonts/times-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: "GillSansMT-ExtraCondensedBold";
    src: url("../fonts/webfonts/GLSNECB.woff") format("woff"), /* Modern Browsers */
    url("../fonts/webfonts/GLSNECB.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OPTIGibby-BoldXCond';
    src:url('../fonts/webfonts/OPTIGibby-BoldXCond.ttf.woff') format('woff'),
    url('../fonts/webfonts/OPTIGibby-BoldXCond.ttf.svg#OPTIGibby-BoldXCond') format('svg'),
    url('../fonts/webfonts/OPTIGibby-BoldXCond.ttf.eot'),
    url('../fonts/webfonts/OPTIGibby-BoldXCond.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/* Header Parallax Element Style*/

.paral {
    min-height: 600px;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
}

.paralsec {
    background-image: url("../img/playescaperoom.jpg");
}

.paralsec1 {
    background-image: url("../img/adventureescape.jpg");}


.paralpq {
    background-image: url("../img/playpiratequest.jpg");}

.paralgk {
    background-image: url("../img/MagicEscapeGame.jpg");}

.paralfree {
    background-image: url("../img/freeEscapeGame.jpg");}

/* Remove Bottom Margin from Jumbotron */
.jumbotron{margin-bottom: 0;}
