/* CSS Document */

* {
	margin:0px;
	padding:0px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
body {
	width:100%;
	margin-left:0px;
}
#topbar {
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-color: #192e46;
	z-index: 5000;
	position:sticky;
}
#menu_wrapper {
	top:40px;
	width:100%;
	height:100px;
	background-color:#FFF;
	z-index: 5000;
	position:sticky;
}
#headmast {
	width:20%;
	height:100px;
	float:left;
	background-color:#FFF;
	display: inline-block;
}
#headmast img {
	max-height:80px;
	width:auto;
	margin-left:50px;
}
#mainNav {
	background-color:#FFF;
	width:auto;
	float:right;
	height:100px;
	margin-right:50px;
}
#mainNav ul {
	margin-left:175px;
	margin-top:20px;
}
#mainNav ul li {
	display:inline-block;
	padding:10px;
}
#mainNav ul li:before {
	/*content: " |  \00a0 ";*/
	font-size:1.5em;
}
#mainNav ul li a {
	text-decoration: none;
	color:#000;
	font-weight:550;
	font-size:1.25em;
}
#bgImage {
	position:relative;
	height:530px;
	background-image:url('https://mgbmaintenance.com/img/mgb_maintenance_workers.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
#mainTextContainer {
	position:absolute;
	width:80%;
	margin-left:10%;
	height:auto;
	background-color:rgba(255,255,255,.8);
	margin-top:125px;
	border-radius: 10px;
}
#mainTextContainer h1{
	margin:25px 50px;
}
#mainTextContainer p {
	margin:25px 50px;
}
#subPageHeader {
	width:80%;
	margin-left:10%;
}
.rightflt {
	height:450px;
	width:100%;
}
.rightimg {
	float:right;
	width:50%;    
	aspect-ratio: 16 / 9;      /* keeps the div proportional without fixed px */
	background-size: cover;
	background-position: top;
	height:450px;
}

.rightimg img {
	vertical-align: bottom;
}
.righttext {
	float:left;
	width:50%;
	height:450px;
	background-color:#192e46;
	color:#FFF;
	display:flex;
	align-items: center;
}
.leftflt {
	height:450px;
	width:100%;
	background-color:#192e46;
}
.leftimg {
	float:left;
	width:50%;    
	aspect-ratio: 16 / 9;      /* keeps the div proportional without fixed px */
	background-size: cover;
	background-position: top;
	height:450px;
}

.leftimg img {
	height:auto;
	vertical-align: bottom;
}
.lefttext {
	float:right; 
	width:50%;
	height:450px;
	background-color:#192e46;
	color:#FFF;
	display:flex;
	align-items: center;
	justify-content: center;
}
.textcontainer {
	margin:0px 100px;
	font-weight: 450;
	vertical-align: middle;
}
.textcontainer ul li {
	line-height: 1.5em;
}
.textcontainer p,h3 {
	line-height: 1.5em;
}
.textcontainer h2 a {
	color:#FFF;
}
#jobDescriptions {
	width:80%;
	padding:10px 10%;;
	background-color:#192e46;
	color:#FFF;
}
#jobDescriptions a {
	color:#FFF;
}

#jobDescriptions li {
	list-style: none;
}

#jobDescriptions ul li {
	padding:10px;
}

.floatbreak {
	clear:both;
}
#footer {
	width:100%;
	height:auto;
	background-color:#192e46;
	color:#FFF;
}
#footer h4 {
	font-size:1em;
	padding:25px 0 0 25px;
}

#cities_list {
    display:flex;
    align-content: center;
    justify-content: center;
}
.cities {
    width:33%;
}
.cities li {
    list-style: none;
    font-size:1em;
    font-weight:350;
    padding:7px;
}