@font-face { 
	font-family: 'sequel'; 
	src: url('../media/fonts/sequel.ttf');
}

.xtrfnt {
	font-family: 'sequel';
	text-transform:uppercase;
}

.xtrfnth {
	color: var(--coloryellow);
	font-family: 'sequel';
	text-transform:uppercase;
}

.xtrfnth:hover {
	color: var(--colorwhite);
	font-family: 'sequel';
	text-transform:uppercase;
}

.greenline {
	background-color: var(--colordarkgreen);
	height: 20px;
	margin: auto auto;	
}
.greenbar {
	background-color: var(--colordarkgreen);
	margin: auto auto;	
}
.greenlinecon {
		width: 1140px;
		margin: 0 auto; 	
}

.gutter-0.row {
    margin-right: -0px;
    margin-left: -0px;
  }
.gutter-0 > [class^="col-"], .gutter-2 > [class^=" col-"] {
    padding-right: 0px;
    padding-left: 0px;
}
.logo {
	width:100%;
	border: 5px solid var(--mainbgcolor2);
	background-color: var(--coloryellow);
	border-radius: 7px 7px 7px 7px;
	color: var(--mainbgcolor2);
	font-family: 'sequel';
	font-size: 160px;
	font-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1;
	padding: 20px;
	margin: 0;
}
.logoframe {
	border: 5px solid var(--coloryellow);
	border-radius: 10px 10px 10px 10px;
	margin-top: 15px;
}
.hdsubtit {
	font-family: 'sequel';
	font-size: 2.5vb;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1;
	padding: 0;
	margin: 0;
	color: white;
}

.cnnttit {
	font-family: 'sequel';
	margin-top: 0px;
	font-size: 32px;
}

.hdcondiv {
	align-items: right;
	justify-content: right;
	text-align: right;
}

.logoimg {
	margin-top: 15px;
	margin-bottom: 15px;
}

.cnntimg {
	width: 50%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.headnavbox {
	width: 1140px;
	margin: 0 auto; 
}

.headnav {
	font-family: 'sequel';
	text-transform:uppercase;
}

.home_ctbg {
	background-image: url('../media/web/citytralr.jpg');
	background-size: cover;
	background-position: bottom;
	min-height: 450px;
}
.darkbg {
	background: rgba(0, 0, 0, 0.75);
	min-height: 450px;
}
  
.redbg {
	background-color: var(--colordarkred);
	min-height: 350px;
}
  
.textbx {
	margin: 24px;
	font-size: 20px; 
}

.textrbx {
	font-family: 'sequel';
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	vertical-align: middle;
	line-height: 3;
	padding: 0;
	margin: 0;
	color: white;
}

.imgboxbg {
	background-image: url("../media/dummy.gif");
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
	min-height: 350px;
	padding-top: 60px;
	text-align: center;
	font-feature-settings: 'smcp';
	text-shadow:  2px  2px 0px var(--colordark2),
				 -2px -2px 0px var(--colordark2),
				  2px -2px 0px var(--colordark2),
				 -2px  2px 0px var(--colordark2);
}
  
#imgbgosmm {
	background-image: url(../media/web/map.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
    height: 99%;
    min-height: 450px;
}
  
.conbox {
	background-color: RGBA(0, 0, 0, 0.8);	
	padding: 8px;
	margin: 8px;
}

@media only screen and (min-width: 1200px) {
.greenline {
	height: 20px;
}
.greenlinecon {
		width: 1140px;
		margin: 0 auto; 	
}

.cnntimg {
	width: 50%;
}

.headnavbox {
	width: 1140px;
}

.home_ctbg {
	min-height: 450px;
}
.darkbg {
	min-height: 450px;
}

.imgboxbg {
	min-height: 350px;
}
.redbg {
	background-color: var(--colordarkred);
	min-height: 350px;
}
.textrbx {
	font-size: 28px;
}
}

/*		Wide Mobile Layout: 720px.   */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.greenline {
	height: 20px;
}
	.greenlinecon {
	}

.cnntimg {
	width: 75%;
}

.headnavbox {
	width: 100%;
}
.home_ctbg {
	min-height: 450px;
}
.darkbg {
	min-height: 450px;
}
.imgboxbg {
	min-height: 250px;
}
.redbg {
	background-color: var(--colordarkred);
	min-height: 250px;
}
.textrbx {
	font-size: 2.4vw;
}
}

/*		Small Mobile Layout: 480px.   */

@media only screen and (max-width: 767px) {
.greenline {
	height: 28px;
}
	.greenlinecon {
	}
	
	.headnavbox {
	width: 100%;
}
.home_ctbg {
	min-height: 550px;
}
.darkbg {
	min-height: 250px;
}
.imgboxbg {
	min-height: 250px;
}
.redbg {
	background-color: var(--colordarkred);
	min-height: 350px;
}
.textrbx {
	font-size: 4.5vw;
}

}