h2, h3 { font-family: 'urw-din'; }
.option { clear: both; padding: 60px 0px 70px; text-align: center; width: 100%;  }
.option .yelo { background-color: #F9A21A; padding: 25% 1rem; width: 100%; }
.option .grey { background-color: #4F5252; padding: 25% 1rem; width: 100%; }
.option .yelo .btn-more { background-color: #fff; border: 2px solid #fff; color: #000; }
.option .yelo .btn-more:hover { background-color: #000; color: #fff; }
.option h3 { color: #fff; text-transform: inherit; }
.option .grey p { color: #fff; }
.option .grey .btn-more { background-color: transparent; border: 2px solid #fff; color: #fff; }
.option .grey .btn-more:hover { background-color: #fff; color: #4F5252; }
.btn-more { background-color: #fff; border-radius: 0px; color: #000; font-family: 'urw-din'; font-size: 16px; font-weight: 400; line-height: 38px; text-transform: uppercase; width: 140px; }
.btn-more:hover { background-color: #000; color: #fff; }
.option .btn-more { margin-top:50px; }
.pic { clear: both; padding: 70px 0px; text-align: center; width: 100%;  }
.pic img { height: 290px; width: 100%; }
.pic .overlay { background-color: rgba(249, 162, 26, 0.83); margin: -100px auto 0px; padding: 8% 0px; position: relative; width: 85%; z-index: 1; mix-blend-mode: multiply; }
.project { background-color: #F9A21A; padding: 0; height: 100%; }
.project h3 { font-size: 32px; margin-top: 0; }
.project p { font-size: 16px; margin: 20px 0px 35px; }
.project .btn-more { background-color: transparent; border: 2px solid #fff; color: #fff; }
.project .btn-more:hover { background-color: #fff; color: #F9A21A; }
.row-rgtspc {padding: 70px 0 150px;}
.rgtspc { padding-right: 0px; }
.lftspc { padding-left: 0px; }
.project > div { padding: 5% 7%; top:50%; transform:translateY(-50%); position:absolute;     width: calc(100% - 3%); }
.steps { clear: both; padding: 7% 0px; position: relative; width: 100%; }
.steps figure { margin: 0px; }
.steps .quote { padding: 5% 5% 5% 30px; position: relative; z-index: 2; mix-blend-mode: multiply; }
.steps .quote * {z-index: inherit;position: relative;}
.steps .quote:after {content: '';background-color: rgba(251, 155, 5, 0.8);position: absolute;left: -33%;right: 0;top: 0;bottom: 0;z-index: 1;}
.steps .quote h4 { color: #fff; font-family: 'urw-din'; font-size: 26px; line-height: normal; margin: 0px; } @media only screen and (max-width: 768px) {
.yelo { margin-bottom: 15px; }
.pic img { margin-bottom: 15px; }
.pic .overlay { margin-top: -50px; }
.option {padding: 30px 0px;}
.row-rgtspc {padding: 40px 0 80px;}
.rgtspc, .lftspc { padding: 0px 15px; }
.steps .quote { width: 100%; margin-top: -150px;     padding-top: 170px; }
.steps .quote:after { left: 0; }
.project > div { position:initial; transform:none; }
.pic { display:none; }
.option .yelo, .option .grey { height:initial; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pic img { height: 185px; }
.pic .overlay { margin-top: -50px; }
.project h3 { font-size: 23px; }
.steps { padding-bottom: 0px; }
.steps .quote:after { left: -66%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.steps { padding-bottom: 0px; }
.steps .quote:after { left: -66%; }
}@font-face {
font-family: 'URW DIN';
src: local('../fonts/URW DIN Regular'), local('URW-DIN-Regular'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Regular.woff2) format('woff2'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Regular.woff) format('woff'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'URW DIN';
src: local('../fonts/URW DIN Bold'), local('URW-DIN-Bold'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Bold.woff2) format('woff2'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Bold.woff) format('woff'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'URW DIN';
src: local('../fonts/URW DIN Bold Italic'), local('URW-DIN-Bold-Italic'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-BoldItalic.woff2) format('woff2'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-BoldItalic.woff) format('woff'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-BoldItalic.ttf) format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'URW DIN Demi';
src: local('../fonts/URW DIN Demi'), local('URW-DIN-Demi'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Demi.woff2) format('woff2'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Demi.woff) format('woff'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-Demi.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'URW DIN Demi';
src: local('../fonts/URW DIN Demi Italic'), local('URW-DIN-Demi-Italic'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-DemiItalic.woff2) format('woff2'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-DemiItalic.woff) format('woff'),
url(//projectamber.org.uk/wp-content/themes/projectamber/assets/fonts/URWDIN-DemiItalic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
}