@media screen and (max-width: 1386px){
	div.mini-hero {height: auto;}
	div.mini-hero > img {height: auto;}
}
@media screen and (max-width: 580px){div.mt-20 {margin-top: 0;}}

/*temporary hero text alignment fix*/
@media screen and (min-width: 1050px) and (max-width: 1230px){.hero-box-illustration_inner > h1 {max-width: 98%;}}	
@media screen and (min-width: 1010px) and (max-width: 1050px){.hero-box-illustration_inner > h1 {max-width: 85%;}}	
@media screen and (min-width: 1001px) and (max-width: 1010px){.hero-box-illustration_inner > h1 {max-width: 62%;}}
@media screen and (min-width: 840px) and (max-width: 1001px){.hero-box-illustration_inner > h1 {max-width: 100%;}}
@media screen and (min-width: 701px) and (max-width: 840px){.hero-box-illustration_inner > h1 {max-width: 85%;}}

.hero-box-photo h1, .hero-box-illustration h1, .hero-box-illustration-intermediaries h1 {font-weight: 700;}

@media screen and (min-width: 840px) and (max-width: 1001px){
	.hero-box-photo h1, .hero-box-illustration h1, .hero-box-illustration-intermediaries h1 {
		font-size: 40px;
		line-height: 45px;
	}
}	

@media screen and (min-width: 700px) and (max-width: 840px){
	div.hero-box-photo, div.hero-box-illustration {padding: 0;} 
}

@media screen and (max-width: 460px){
	#promo-pod-1 {
		margin-bottom: 20px;
	}
}

@media screen and (min-width:606px) and (max-width:700px){
	div.wrap > img {
		top:0;
	}
}


.member-box-col-left {
	display: block;
    float: left;
}

@media screen and (min-width:562px) and (max-width:700px) {.member-box .wrap {min-height: 215px;}}
@media screen and (max-width:561px) {.member-box .wrap {min-height: auto;}}

/*test code for flexbox test*/
@media screen and (min-width:1000px){
  .l-secondary {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .l-col-3b {
    flex: 1;
    height: auto;
  }
}

@media screen and (min-width:1140px) and (max-width:1325px) {
  .member-box div.wrap {
    min-height: unset;
    height: 21em;
  }
}

@media screen and (min-width:900px) and (max-width:1140px) {
  .member-box div.wrap {
    min-height: unset;
    height: 188px;
  }
}
@media screen and (min-width:700px) and (max-width:900px) {
  div.member-box div.wrap {
    min-height: unset;
    height: 220px;
  }
}

/*mini-hero section transferred from core.css*/
.mini-hero {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
  	height: auto;
}

.mini-hero h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: light;
    font-size: 4em;
}

/*late stage amends*/
#main-content > div.group > div.warning-fullwidth {
  	margin-left: 5%;
    margin-right: 5%;
    text-align: center;
}

.warning, div.warning > p {text-align: center;}


@media screen and (max-width:700px) {
  	#main-content > div.group > div.warning-fullwidth {
      margin-left: 10px;
      margin-right: 10px;
	}
}

@media screen and (max-width:684px) {#main-content > div.group > div.warning-fullwidth > p {text-align: left;}}

.l-col-3 > .side-box.side-promo {margin-bottom: 20px;}