body {font-size:medium; font-family: pinot-grigio-modern,sans-serif; color:#4c4c4c}

a#red5:link,a#red5:visited {background-color:transparent; color:white; margin-top:0.6rem}

a#red5:hover,a#red5:active {background-color:transparent; color:darkgray; border:3px solid darkgray; margin-top:0.6rem}

#red5 {
  border:3px solid white;
  font-weight:bold;
  border-radius:0rem;
  letter-spacing:1.8px;
  word-spacing:1.8px;
}

a:link,a:visited {text-decoration:none; color:whitesmoke}

a:hover,a:active {text-decoration:none; color:darkgray}


.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}



@mustard: #fad652;

@blue4: #22518d;



#menu_title{
   color:dodgerblue;
   font-size:120%;
}

@media screen and (min-width: 768px) {
  #menu_title {
   color:dodgerblue;
   font-size:180%;
  }
}



div.jumbotron.chanceluck{
    position: relative;
    background: #fff url("pictures/promote9.png") center center;
    width: 100%;
	min-height: 630px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



div.jumbotron.safecrack{
    position: relative;
    background: #fff url("pictures/three_lamps3.png") center center;
    width: 100%;
	min-height: 630px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



div.jumbotron.mustard{
    position: relative;
    background: #fff url("pictures/blue_frame23.png") center center;
    width: 100%;
	min-height: 690px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



div.jumbotron.newspaper{
    position: relative;
    background: #fff url("pictures/promote5.png") center center;
    width: 100%;
	min-height: 690px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



div.jumbotron.seamcity{
    position: relative;
    background: #fff url("pictures/seam_city2.png") center center;
    width: 100%;
	min-height: 690px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



div.jumbotron.tarporley{
    position: relative;
    background: #fff url("pictures/yellow_frame51.png") center center;
    width: 100%;
	min-height: 701px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



div.jumbotron.cityhk{
    position: relative;
    background: #fff url("pictures/metal_city21.png") center center;
    width: 100%;
	min-height: 630px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



div.jumbotron.greenmoves{
    position: relative;
    background: #fff url("pictures/green_moves3.png") center center;
    width: 100%;
	min-height: 721px;
    background-size: cover;
    overflow: hidden;
    color:white;
}




div.jumbotron.noise{
    position: relative;
    background: #fff url("pictures/footer_noise17.png") center center;
    width: 100%;
	min-height: 479px;
    background-size: cover;
    overflow: hidden;
    color:white;
}



#yellow_text_medium{
	font-size:220%;
	color:#22518d;
	margin-top:12.4rem;
	line-height:2.7;
	font-weight: 500;
	word-spacing:5px;
	letter-spacing:3.6px;
	font-style: normal;
}



#mobile_friendly_text{
  font-size:130%; 
  color:azure;
  margin-top:30.1rem;
  letter-spacing:2px;
  word-spacing:3.6px;
  line-height:1.6;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  #mobile_friendly_text {
  font-size:250%; 
  color:azure;
  margin-top:8rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  line-height:2;
  font-weight: 500;
  }
}




#portrait_text1 {
  font-size:140%; 
  color:#224f88;
  margin-top:26rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  line-height:2;
  font-weight:500;
}



#portrait_text2 {
  font-size:260%; 
  color:#224f88;
  margin-top:8.1rem;
  margin-left:2rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  line-height:2;
  font-weight:500;
}



#cityhk_text1 {
  font-size:140%; 
  color:#10cceb;
  margin-top:0.5rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  text-align:center;
  font-weight:500;
}

@media screen and (min-width: 768px) {
  #cityhk_text1 {
  font-size:190%; 
  color:#10cceb;
  margin-top:1rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  text-align:right;
  font-weight:500;
  }
}




#cityhk_text2 {
  font-size:100%; 
  color:#ffd700;
  margin-top:-0.2rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  text-align:center;
  font-weight:500;
}

@media screen and (min-width: 768px) {
  #cityhk_text2 {
  font-size:130%; 
  color:#ffd700;
  margin-top:0rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  text-align:right;
  font-weight:500;
  }
}




#sm1 {
  width:42px;
  height:42px;
  background-color:silver;
}

@media screen and (min-width: 768px) {
  #sm1 {
  width:42px;
  height:42px;
  background-color:silver;
  }
}




#sodtext1 {
  font-size:110%; 
  margin-top:0.1rem;
  margin-left:-0.6rem;
  letter-spacing:1.8px;
  word-spacing:3px;
  font-weight:500;
}


@media screen and (min-width: 768px) {
  #sodtext1 {
  font-size:100%; 
  margin-top:0.2rem;
  margin-left:-3rem;
  letter-spacing:1.8px;
  word-spacing:3px
  font-weight: 500;
  }
}




   #employers_side_menu {float:left; padding-top:41px}

   #employers_side_menu ul {list-style-type:none; width:400px; margin:0 auto; padding:0}
             
   #employers_side_menu li {float:left}

   #employers_side_menu ul li:last-child a.ex23 {border-right:none}

   a.ex23:link,a.ex23:visited   {display:block; 
			        width:90px;
				padding:9px 0px;
				text-align:center;
   		    		color:white;
				font-size:100%;
		    		text-decoration:none;
				border-right:1px solid white;
				border-top-left-radius:0.6em;
				border-top-right-radius:0.6em;
				background-color:#e4c69f}

    a.ex23:hover,a.ex23:active  {background-color:#e4c69f}

    #employers_side_menu p {display:inline}

    #employers_side_box {float:left; height:390px; width:610px; background-color:burlywood}

    #employers_latest_box {position:relative; height:390px; width:610px; background-color:burlywood; display:none}

    #employers_staff_box {position:relative; height:390px; width:610px; background-color:burlywood; display:none}

    #employers_praise_box {position:relative; height:390px; width:610px; background-color:burlywood; display:none}

    #employers_funding_box {position:relative; height:390px; width:610px; background-color:burlywood}