@font-face { 
	font-family: 'sequel'; 
}

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

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

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

.lblueline {
	background-color: var(--mainbgcolor4);
	margin: auto auto;	
}
.greenline {
	background-color: var(--colordarkblue);
	height: 20px;
	margin: auto auto;	
}
.greenbar {
	background-color: var(--colordarkblue);
	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;
}
.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 {
	color: var(--colorwhite);
}
  
.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, .conbox a {
	padding: 8px;
	margin: 8px;
	color: var(--mainbgcolor1);
}

.glanztit {
	text-shadow:  1px  1px 1px var(--colordark2),
				 -2px -2px 1px var(--colordark2),
				  1px -2px 1px var(--colordark2),
				 -2px  1px 1px var(--colordark2);
}


@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;
}
.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;
}
.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;
}
.imgboxbg {
	min-height: 250px;
}
.redbg {
	background-color: var(--colordarkred);
	min-height: 350px;
}
.textrbx {
	font-size: 4.5vw;
}

.xtrfnth {
	font-size: 24px;
}
}