h2, h3 { font-family: 'urw-din'; }
@media only screen and (min-width: 992px) {
body > .container > div:not(.history) {padding-bottom: 150px;}}
.headtitle { margin-bottom:0; }
.why { clear: both; position: relative; width: 100%; overflow: hidden; padding: 80px 0; padding-top:200px; }
.why h5 { color: #fff; font-family: 'urw-din'; font-size: 18px; margin-bottom: 0px; }
.why figure { margin: 0px; }
.why .content { height: 100%; z-index: 1; mix-blend-mode: multiply; position: relative; padding-left: 60px; }
.why .content:before {content: '';display: block;position: absolute;right: calc(-1.5rem - 350px);top: -80px;bottom: -80px;left: 0;background-color: rgba(251, 155, 5, 0.8);}
.why .content h4 { color: #fff; font-family: 'urw-din'; font-size: 26px; line-height: normal; margin: 0px; }
.why .content * {position: relative;z-index: 10;}
.why h2 { margin-bottom:20px; }
.history { clear: both; padding: 200px 0px; width: 100%;overflow: hidden; }
.history .container {position: relative;}
.history .container:after {content: '';display: block;background-color: #4F5252;position: absolute;left: 15px;right: 15px;bottom: 0;top: 0;z-index: -1;}
.history .wrapper {padding: 15px 0px 15px 30px; }
.history h3 { color: #F9A21A; font-size: 32px; margin: 0px; text-align: center; text-transform: inherit; }
.goals { clear: both; position: relative; padding: 200px 0px 200px; width: 100%;overflow: hidden; }
.goals .container {position: relative;}
.goals p { font-size: 14px; margin-bottom: 10px; line-height: normal; }
.goals figure { padding-left: 10%; }
.goals .overlay { background-color: rgba(249, 162, 26, 0.83);height: calc(100% + 140px);left: 15px;position: absolute;top: -70px;width: 225px;z-index: 1;mix-blend-mode: multiply; }
.goals h2 { margin-bottom:20px; }
.project { background-position: center;background-size: cover; clear: both; position: relative; padding: 220px 0px; width: 100%;overflow: hidden; }
.project h2 { color: #F9A21A; margin-bottom:20px; }
.project .content {position: relative;height: 100%;display: flex;align-items: center;padding-right: 15px;}
.project .content:after {content: '';display: block;position: absolute;left: calc(-30px - 110px);right: 0;top: -80px;bottom: -80px;background-color: rgba(79, 82, 82, 0.8);}
.project .content * {position: relative;z-index: 10;}
.project .content h4 { color: #fff; font-family: 'urw-din'; font-size: 26px; line-height: normal; margin: 0px; }
.project .content p, .project .content li { color: #fff; }
.social { clear: both; position: relative; padding: 150px 0px; width: 100%;overflow: hidden; }
.social h3 { margin-bottom: 10%; }
.social .content { position: relative; padding: 110px 30px 110px 60px; }
.social .content * { z-index: 10; }
.social .content:after { content: '';display: block;left: 0;right: calc(-30px - 110px);top: 0;bottom: 0;position: absolute; background-color: rgba(251, 155, 5, 0.8); z-index: 1; mix-blend-mode: multiply; }
.social .content h4 { color: #fff; font-family: 'urw-din'; font-size: 26px; line-height: normal; margin: 0px; }
.social .content p { font-size: 14px; margin-bottom: 10px; }
.social h2 { margin-bottom:20px; }
.video { background-color: #F9A21A; clear: both; padding: 4% 5% 5%; width: 100%; margin-bottom: 150px; }
.video h2 { color: #fff; font-family: 'urw-din'; margin: 0px 0px 20px }
.video .bg-holder {background-size: cover;background-position: center;padding-top: 67%;}
.video a { display: block; left: 0; position: absolute; height: 100%; top: 0; width: 100%; z-index: 1 }
.video a:before {position: absolute;content: '';transform-origin: center;left: 0;right: 0;top: 0;bottom: 0;transition: transform 0.6s ease;transform: scale(0,0);}
.video a:hover:before{transform: scale(1,1);background-color: rgba(251, 155, 5, 0.8);transform: scale(1,1);}
.video a:after {background: url(//projectamber.org.uk/wp-content/themes/projectamber/assets/images/paf_btn_ply.png) no-repeat center;position: absolute;content: '';left: 0;right: 0;top: 0;bottom: 0;}
.video figure {margin-bottom: 30px;} @media only screen and (max-width: 768px) {
.why .content { margin: 0; width: 100%; order:1; padding: 0 20px 150px;}
.why .content:before {left: -30px;right: -30px;}
.why .content * {position: relative;z-index: 10;}
.history {margin: 70px 0px;}
.history .wrapper {padding: 15px; }
.history h3 { font-size: 26px; margin: 10% 0px; }
.goals {padding-top: 70px;padding-bottom: 70px;}
.goals .overlay { height: 27%; width: 125px; }
.why .row .col-md-5 { order:2; margin-top:-150px; }
.project {padding-top: 70px;padding-bottom: 150px;}
.project .content:after {left: -30px;right: -30px;}
.social {padding-top: 70px;padding-bottom: 70px;}
.social .content {padding-left: 0;padding-right: 0;}
.social .content:after {left: -30px;right: -30px;}
.video {margin-bottom: 70px;}
.video figure { margin-bottom: 1rem; }
.video a { background-size: 60px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.why { padding-bottom: 0px; }
.why .content:before {right: calc(-1.5rem - 150px);}
.why .content * {position: relative;z-index: 10;}
.history h3 { font-size: 20px; }
.goals .overlay { height: 50%; width: 125px; }
.social h3 { margin-bottom: 20px; }
.video a { background-size: 70px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.why { padding: 7% 0px 0px; }
.why .content:before {right: calc(-1.5rem - 250px);}
.history h3 { font-size: 26px; }
.goals .overlay { height: 78%; }
.project { margin: 0px; }
.project h2 { font-size: 26px; }
.project .content p { margin: 0px 0px 10px; line-height: normal; }
.social h3 { font-size: 30px; margin-bottom: 20px; }
}@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;
}