/* ---------- Foundation ---------- */

html {  height:100%; min-height: 100%; width:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { height:100%; min-height: 100%; margin: 0; font-size: 62.5%; font-family: roboto, sans-serif;  }
h1, h2, h3, h4, p, blockquote, figure, ol, ul { margin: 0; padding: 0; }
h1, h2, h3, h4 { font-size: inherit; }
a, header, header.scrolled .logo, .cta .details, .cta .icon, .pagination ul li, .btn, .member, .member .details, .amenity::after, .building, .featureImg::before, .building.large .close, .buildingContent .twelve-12 .twelve-6 { text-decoration: none; color: inherit; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; outline:none !important; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ======   Lists   ====== */ 

dl, menu, ol, ul {margin: 1em 0; } 
menu, ol, ul, dd  { padding: 0 0 0 40px; }
li { display: block; }
nav ul, nav ol { list-style: none; list-style-image: none; } 

/* ====== Forms ====== */

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } 
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } 
button,input { line-height: normal; }
button,html input[type="button"], input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],input[disabled] { cursor: default;} 
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
textarea {  vertical-align: top; } 

/* ====== Tables ====== */

table { border-collapse: collapse; border-spacing: 0; }


/* ---------- Theme ---------- */

.blkbkgrd { background-color: #2D323B; box-shadow: 20px 0 0 #2D323B, -20px 0 0 #2D323B; }
.smallblkbkgrd { background-color: #2D323B; box-shadow: 10px 0 0 #2D323B, -10px 0 0 #2D323B; }
.whtbkgrd { background-color: #FFFFFF; box-shadow: 20px 0 0 #FFFFFF, -20px 0 0 #FFFFFF; }
.ylwbkgrd { background-color: #FFDC53; box-shadow: 10px 0 0 #FFDC53, -10px 0 0 #FFDC53; }
.bluebkgrd { background-color: #00BDE4; box-shadow: 10px 0 0 #00BDE4, -10px 0 0 #00BDE4; }
.greenbkgrd { background-color: #B2D243; box-shadow: 10px 0 0 #B2D243, -10px 0 0 #B2D243; }

.whttext { color: #FFFFFF; }
.yellow-strip { background-color: #FFDC53; position: absolute; top: 0; bottom: 0; z-index: -1; opacity: 0.7; }
.blue-strip { background-color: #00BDE4; position: absolute; top: 0; bottom: 0; z-index: -1; opacity: 0.7; }
.green-strip { background-color: #B2D243; position: absolute; top: 0; bottom: 0; z-index: -1; opacity: 0.7; }

.overlap { margin-top: -100px; }
.padding-top { padding-top: 45px; }
.padding-left { padding-left: 60px; }
.padding-right { padding-right: 60px; }
.margin-top { margin-top: 100px; }

/* ====== Structure ====== */

.container { max-width: 1440px; margin: 0 auto; }

#navigation { position: absolute; left: 0; right: 0; background: linear-gradient(to top, transparent 0%, #000000 100%); }
#navigation .logo { background-image: url('../img/common/logo.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 155px; height: 190px; margin-left: 45px; z-index: 15; position: absolute; }
#navigation nav ul { padding-top: 35px; }
#navigation nav ul li { display: inline; font-size: 1.6em; line-height: 24px; font-weight: 500; color: #FFFFFF; padding-left: 40px; }
#navigation nav ul li.current-menu-item { text-decoration: underline; }
#navigation nav ul li:nth-child(7), #navigation nav ul li:nth-child(6), #navigation.scrolled nav ul li:nth-child(7), #navigation.scrolled nav ul li:nth-child(6) { color: #FFDC53; }
#navigation.scrolled { position: fixed; left: 0; right:0; top: 20px; z-index: 1; background: unset; background-color: #FFFFFF; margin: 0 auto; max-width: 1440px; }
#navigation.scrolled nav ul { padding: 20px 30px 10px 0px}
#navigation.scrolled nav ul li { color: #2D323B; }
#navigation.scrolled .logo { display: none; }
#header.scrolled { z-index: 2; }
#news #navigation.scrolled, .post #navigation.scrolled, #contact #navigation.scrolled, #privacy-policy #navigation.scrolled, #cookie-policy #navigation.scrolled { background: #FFFFFF; }

#header { position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; }
#header .headline { margin-left: 70px; position: absolute; bottom: 105px; }
#header .headline h1 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

.bkgrd-img { width: 100%; height:70%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: -3; }
.bkgrd-img-section { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;  }
.bkgrd-img-section::before { content: ''; padding-top: 58.33%; display: block; }
.section-headline { margin-left: 70px; position: absolute; top: 100px; padding-right: 16.667%;}
.section-headline h2 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

.subheadline { background-color: #FFFFFF; }
.subheadline h4 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#kg-fresh-thinking-content, #kg-unique-environment-content, #kg-community-content, #uoe-access-content { padding-bottom: 150px; }
#kg-fresh-thinking-content .second-img { margin-top: 100px; background-position: center center; background-repeat: no-repeat; background-size: cover; height:36em;}
#kg-fresh-thinking-content .second-img::before { content: ''; padding-top: 79.22%; display: block; }

/* #kg-unique-environment-content .second-img, #kg-unique-environment-content .collage-img, #kg-community-content .second-img, #kg-community-content .collage-img, #kg-future-content .collage-img,#uoe-access-content .second-img,  #uoe-access-content .collage-img, #uoe-gateway .second-img, #uoe-gateway .collage-img, #eoe-benefit-content .collage-img, #eoe-colchester-content .second-img { background-position: center center; background-repeat: no-repeat; background-size: cover; } */
.second-img, .collage-img { background-position: center center; background-repeat: no-repeat; background-size: cover; }

#kg-unique-environment-content .collage-img { margin-top: -15%; }
#kg-unique-environment-content .second-img { margin-top: 40px; }
#kg-unique-environment-content .second-img::before { content: ''; padding-top: 64.22%; display: block; }
#kg-unique-environment-content .collage-img::before { content: ''; padding-top: 92.22%; display: block; }
#kg-unique-environment-content .container:nth-child(2) { padding-top: 45px; }
#kg-unique-environment-content #first-paragraph { margin-top: 40px; }
#first-paragraph { padding: 0 100px; }
#first-paragraph p { font-size: 1.8em; }
#continued-paragraph { padding: 50px 100px 0 50px; }
#first-paragraph p:nth-child(1), #continued-paragraph p { display: block; }
#first-paragraph p, #continued-paragraph p:nth-child(1) { display: none; }


#kg-occupiers { margin: 50px 0 150px; }
#kg-occupiers .container { background-color: #F5F5F5; padding: 100px; }
#kg-occupiers .occupierlogo { background-position: center center; background-repeat: no-repeat; background-size: contain; margin-left: 100px; padding: 35px 0; }
#kg-occupiers div:nth-child(2) { margin-left: 0; }
#kg-occupiers #creative-quills { background-image: url('../img/occupiers/creative-quills.png'); width: 58px; height: 70px; }
#kg-occupiers #above { background-image: url('../img/occupiers/above.png'); width: 130px; height: 33px; }
#kg-occupiers #sandersons { background-image: url('../img/occupiers/sandersons.png'); width: 195px; height: 56px; }
#kg-occupiers #tteducation { background-image: url('../img/occupiers/tt-education.png'); width: 212px; height: 70px; }
#kg-occupiers #willispalmer { background-image: url('../img/occupiers/willis-palmer.png'); width: 219px; height: 60px; }

#kg-stats .container { background-color: #2D323B; padding: 100px; }
#kg-stats .container div { padding: 0 50px 0 70px; margin: 50px 0; border-right: 2px solid #FFFFFF; }
#kg-stats .container div:nth-child(4n+3) { border-right: none; }
#kg-stats .container div.twelve-12 { padding: 0 50px; margin: 0; border-bottom: 2px solid #FFFFFF;  }
#kg-stats .container div.twelve-6 { padding: 0 100px 0 120px; }
#kg-stats h3 { color: #2D323B; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#kg-community-content .collage-img { margin-top: 10px; }
#kg-community-content .collage-img::before { content: ''; padding-top: 92.22%; display: block; }
#kg-community-content .second-img { margin-top: -40px; }
#kg-community-content .second-img::before { content: ''; padding-top: 42.22%; display: block; }
#kg-community-content #first-paragraph { padding: 50px 90px 0 100px; }
#kg-community-content #continued-paragraph { padding: 40px 0 0 100px; }

#kg-campus { background-color: #F0F0F1; margin-top: 120px; height:80%;}
#kg-campus-content { background-color: #F0F0F1; padding: 40px 0 80px; margin-bottom: 150px; }
#kg-campus-content h4 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #2d323b; margin-left: 45px; }
#kg-campus-content .twelve-7 { padding-right: 90px; }
#kg-campus-content #first-paragraph, #kg-campus-content #continued-paragraph { padding: 50px 0 0 45px; }
#kg-campus-content #greenbox { background-color: #B2D243; padding: 45px; margin-top: 100px; }
#kg-campus-content #greenbox h5 { color: #FFFFFF; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#kg-campus-content #greenbox #greenbox-content { columns: 2; column-gap: 35px; padding-top: 20px; }
#kg-campus-content #greenbox #greenbox-content div { page-break-inside: avoid; }

#kg-future h2 { color: #2D323B; }
#kg-future-content { padding-bottom: 150px; }
#kg-future-content #first-paragraph { padding: 50px 150px 0 50px; }
#kg-future-content #continued-paragraph { padding: 50px 250px 0 100px; }
#kg-future-content .collage-img { margin-top: -160px; }
#kg-future-content .collage-img::before { content: ''; padding-top: 112.22%; display: block; }

#kg-advantage .section-headline { top: unset; bottom: 200px; }
#kg-advantage h2 { color: #2D323B; }
#kg-advantage-content { margin-bottom: 150px; }
#kg-advantage-content .second-img { margin-top: 85px; }
#kg-advantage-content .second-img::before { content: ''; padding-top: 66.67%; display: block; }
#kg-advantage-content .collage-img { margin-top: -100px; }
#kg-advantage-content .collage-img::before { content: ''; padding-top: 62%; display: block; }
#kg-advantage-content #first-paragraph { padding: 50px 100px 0; }
#kg-advantage-content #continued-paragraph { padding: 150px 100px 0 0; }

#kg-grow h2 { color: #2D323B; }
#kg-grow-content #paragraph { columns: 2; column-gap: 100px; padding-top: 100px; margin-left: 100px; }
#kg-grow-content #paragraph p:nth-child(5) { break-before: column; }
#kg-grow-content .collage-img { margin-top: -200px; margin-bottom: 130px; margin-right:82px; }
#kg-grow-content .collage-img::before { content: ''; padding-top: 62.70%; display: block; }
#kg-grow-content li { margin-bottom: 0; }

#footer { border-top: 2px solid #F9DD6B; }
#footer .container { padding: 100px; }
#footer .uofessex { background-image: url('../img/common/UoE-logo.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 300px; height: 110px;  }
#footer .twelve-12 { padding-top: 50px; }
#footer nav { padding-top: 30px; display: block; }
#footer nav ul { text-align: right; }
#footer nav ul li { color: #FFDC53; font-weight: bold; display: inline; padding-left: 20px; }
#footer nav ul li:nth-child(1) { padding-left: 0; } 

#uoe-access-content h4 { color: #2d323b; }
#uoe-access-content .twelve-4 { margin: 30px 100px 0; }
#uoe-access-content .twelve-4 p:nth-child(1) { padding-bottom: 30px; font-size: 1.8em; }
#uoe-access-content .twelve-4 p:nth-child(2), #uoe-access-content .twelve-4 p:nth-child(3) { padding-right: 100px; } 
#uoe-access-content #greenbox { background-color: #B2D243; padding: 50px 100px; margin-top: -100px; margin-bottom: 10px; }
#uoe-access-content #greenbox p { color: #2d323b; width: 50%; float: left; padding-right: 20px; }
#uoe-access-content #greenbox p:nth-child(1) { width: 100%; }
#uoe-access-content #greenbox p:nth-child(3), #uoe-access-content #greenbox p:nth-child(5) { padding-right: 0; }
#uoe-access-content .collage-img { margin-left: 22.2%; margin-top: -19%; }
#uoe-access-content .collage-img::before { content: ''; padding-top: 104.80%; display: block; }
#uoe-access-content .second-img::before { content: ''; padding-top: 67.67%; display: block; }

#uoe-gateway { background-color: #F0F0F1; position: relative; margin-bottom: 100px; }
#uoe-gateway .subheadline { background-color: unset; margin-top: 100px; }
#uoe-gateway .subheadline h4, #uoe-labs h4 { color: #2d323b; }
#uoe-gateway .greenbkgrd { color: #2d323b; }
#uoe-gateway .second-img { z-index: -1; }
#uoe-gateway .second-img::before { content: ''; padding-top: 128%; display: block; }
#uoe-gateway .collage-img { margin-top: 10px; margin-bottom: 50px; }
#uoe-gateway .collage-img::before { content: ''; padding-top: 53.64%; display: block; }
#uoe-labs { margin-left: 100px; padding-bottom: 150px; }
#uoe-labs h4 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; columns: 1; }
#uoe-labs #uoe-labs-content { columns: 2; column-gap: 100px; padding-top: 100px; }
#uoe-labs #uoe-labs-content p:nth-child(7) { break-before: column; }

#eoe-benefit h2 { color: #2D323B; }
#eoe-benefit-content #paragraph { columns: 2; column-gap: 100px; padding-top: 100px; margin-left: 100px; }
#eoe-benefit-content #paragraph p:nth-child(5) { break-before: column; }
#eoe-benefit-content .collage-img { margin-top: -150px; margin-bottom: 150px; }
#eoe-benefit-content .collage-img::before { content: ''; padding-top: 62.70%; display: block; }
#eoe-benefit-content li { margin-bottom: 0; }

#eoe-colchester .section-headline { top: unset; bottom: 200px; }
#eoe-colchester h2 { color: #2D323B; }
#eoe-colchester-content { margin-bottom: 150px; }
#eoe-colchester-content .second-img { margin-top: 85px; }
#eoe-colchester-content .second-img::before { content: ''; padding-top: 66.67%; display: block; }
#eoe-colchester-content .collage-img { margin-top: -290px; }
#eoe-colchester-content .collage-img::before { content: ''; padding-top: 100%; display: block; }
#eoe-colchester-content #continued-paragraph { padding: 50px 100px 0 0; }

#eoe-location { background-color: #FFDC53; padding-bottom: 160px; }
#eoe-location .section-headline { position: relative; top: unset; padding-top: 100px; padding-bottom: 40px;}
#eoe-location .subheadline { background-color: unset; margin-left: 70px; margin-bottom: 20px; }
#eoe-location .subheadline div { columns: 2; column-gap: 50px; padding: 50px 0 30px; }
#eoe-location .subheadline div p:nth-child(2) { break-before: column; }
#eoe-location .second-img::before { content: ''; padding-top: 93.20%; display: block; }
#eoe-location .collage-img { margin-top: 10px; }
#eoe-location .collage-img::before { content: ''; padding-top: 58%; display: block; }
.btn { background-color: #FFFFFF; border-radius: 5px; font-family: neue-haas-grotesk-display, sans-serif; font-size: 1.8em; font-weight: bold; color: #2D323B; text-transform: uppercase; padding: 20px 25px; display: inline-block; }

#transport-links .content { background-color: #2D323B; padding: 100px 100px 60px; margin-top: -160px; }
#transport-links .content h5 { margin-top: 0; }
#transport-links .content h3 { font-size: 28px; color: #2D323B; width: 200px; margin-bottom: 40px; }
#transport-links ul { columns: 1; padding: 0 0 0 0; margin-bottom: 20px; list-style-type: none; }
#transport-links ul li { color: #FFFFFF; }
#transport-links ul li span { display: inline-block; }
#transport-links ul li span:nth-child(odd) { width: 200px; margin-right: 100px; }
#transport-links ul li span:nth-child(even) { width: 100px; }
#transport-links .overlapLeft { margin-top: 100px; }
#transport-links .second-img { margin-left: -9%; margin-top: -8%; }
#transport-links .second-img::before { content: ''; padding-top: 86.33%; display: block; }
#transport-links #first-paragraph { padding: 60px 30px 0px 70px; }
#transport-links #continued-paragraph { padding: 60px 0 300px; }
#transport-links .collage-img { margin-top: -4%; }
#transport-links .collage-img::before { content: ''; padding-top: 102.60%; display: block; }

#availability #availability-content {  margin: 100px; }
#availability #availability-content .building-box { background-color: #F5F5F5; border-radius: 5px; width: 48%; margin-left: 2%; margin-bottom: 30px; box-shadow: 0px 3px 6px #BFBFBF; }
#availability #availability-content .building-box #availability-details { padding: 20px; }
#availability #availability-content .building-box .building-img { background-size: cover; background-repeat: no-repeat; background-position: center center; }
#availability #availability-content .building-box .building-img::before { content: ''; padding-top: 66.53%; display: block; }

#individual-building { margin: 100px; }
#individual-building h1 { font-size: 7.6em; }
#individual-building h4 { display: block; }
#individual-building h5 { color: #ffffff; margin-bottom: 30px; }
#individual-building .twelve-6.left { padding-right: 75px; }
#individual-building .twelve-12 { padding: 100px 0 0; columns: 2; }
#individual-building .twelve-12 ul { list-style-type: none; padding: 0; }
#individual-building .twelve-12 ul li { font-size: unset; padding-right: 100px; margin-bottom: 50px; }
#individual-building .twelve-12 li:nth-child(5) { break-before: column; }
#individual-building .twelve-12 ul li h4 { display: inline;}
#individual-building .twelve-12 ul li p { margin-top: 10px; }
#individual-building .building-location { margin-top: 100px; }
#individual-building .building-description { margin-top: 220px; }
#individual-building .building-accommodation { margin-top: 200px; }
#individual-building .building-accommodation h6 { font-weight: 100; margin-top: 0.5em; }
#individual-building .building-accommodation .accommodation-table-row { border-bottom: 1px solid #2E323A; }
#individual-building .building-accommodation .accommodation-table-row span:nth-child(1), #individual-building .building-accommodation .internal-table-row span:nth-child(1){ width: 50%; display: inline-block; }
#individual-building .building-accommodation .accommodation-table-row span:nth-child(2),#individual-building .building-accommodation .accommodation-table-row span:nth-child(3),#individual-building .building-accommodation .internal-table-row span:nth-child(2),#individual-building .building-accommodation .internal-table-row span:nth-child(3) { width: 25%; display: inline-block; }
#individual-building .building-accommodation .internal-table-row { background-color: #FFDC53; padding: 5px; margin-top: 30px;  }
#individual-building .building-accommodation .internal-table-row span h6 { font-weight: 400; }
#individual-building .building-spec { background-color: #2D323B; padding: 30px 70px; }
#individual-building .building-spec li { color: #FFFFFF; font-weight: 500; margin-bottom: 0.2em; }
#individual-building .building-internalimg, #individual-building .building-map, #individual-building .building-floorplan { background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top: 10px; }
#individual-building .building-internalimg::before { content: ''; padding-top: 60%; display: block; }
#individual-building .building-map::before, #individual-building .building-floorplan::before { content: ''; padding-top: 93.20%; display: block; }
.insert-btn { border-radius: 5px; background-color: #2D323B; padding: 20px; color: #FFFFFF; font-size: 1.8em; text-transform: uppercase; text-align: center; font-weight: 500; display: block; margin-top: 30px; }

#further-information { border-top: 2px solid #F9DD6B; }
#further-information .container { padding: 100px; }
#further-information #agents img { width: 200px;  }
#further-information #agents span { margin-left: 25px; }
#further-information #agents { padding: 50px 0; }

#news #navigation, .post #navigation, #contact #navigation, #privacy-policy #navigation, #cookie-policy #navigation { background: unset; }
#news #navigation nav ul li, .post #navigation nav ul li, #contact #navigation nav ul li, #privacy-policy #navigation nav ul li, #cookie-policy #navigation nav ul li { color: #2D323B; }
#news #navigation nav ul li:nth-child(5), #news #navigation nav ul li:nth-child(6), .post #navigation nav ul li:nth-child(5), .post #navigation nav ul li:nth-child(6), #contact #navigation nav ul li:nth-child(5), #contact #navigation nav ul li:nth-child(6), #privacy-policy #navigation nav ul li:nth-child(5), #privacy-policy #navigation nav ul li:nth-child(6), #cookie-policy #navigation nav ul li:nth-child(5), #cookie-policy #navigation nav ul li:nth-child(6) { color: #FFDC53; }
.news, .single-story, .policy { padding-top: 300px; }
.single-story { padding-bottom: 100px; }
.news h2, .post h2, #contact h2 { color: #2D323B; }
#news .twelve-6 { margin-bottom: 100px; padding-left: 50px; }
#news .twelve-8 { padding-right: 20px; }
#news .twelve-8 h6 { margin-bottom: 30px; text-transform: uppercase; }
#news .story-image { background-size: cover; background-position: center center; height: 150px; }
#news .btn { background-color: #FFDC53; }
.news h2, #contact h2 { margin-left: 60px; }
.post h2 { margin-left: 50px; }
.single-story .story-image { background-size: cover; background-position: center center; }
.post img { width: 100%; }
.post h3 { display: inline; }
.post .paddingLeft { padding-left: 50px; }
.post .subheading p:nth-child(2) { margin-top: 30px; }
.post .subheading a { text-decoration: underline; }

#contact-content { padding-top: 300px; }
#contact-content .twelve-6 { padding-left: 50px; }
#contact-content .twelve-6 h4 { display: inline; }
#contact-content #contact-form input, #contact-content #contact-form textarea { width: 100%; border: 4px solid #C9C9C9; margin-bottom: 25px; padding: 10px 10px 30px; font-size: 1.8em; line-height: 21px; color: #C9C9C9; font-weight: 300; font-family: roboto, sans-serif; }
#contact-content #contact-form textarea { max-height: 100px; }
#contact-content #contact-form input[type="submit"] { display: inline; background-color: #FFDC53; border-radius: 5px; border: none; width: unset; margin: 30px 0 0; padding: 15px 100px; color: #2D323B; text-transform: uppercase; font-weight: bold; }
#map-canvas { height: 500px; }

#contact-details { margin: 100px 0; }
#contact-details .section { margin-bottom: 50px; }
#contact-details .bkgrd-img { margin-left: 50px; margin-right: 30px; width: 25%;}
#contact-details .bkgrd-img::before { content: ''; padding-top: 100%; display: block; }
#contact-details h4 { margin-bottom: 50px; }
#contact-details h6 { text-transform: uppercase; }
#contact-details a { text-decoration: underline;  }

#community-intro { position: relative; margin-bottom: 100px; }
#community-intro .second-img { z-index: -1; }
#community-intro .second-img::before { content: ''; padding-top: 70%; display: block; }
#community-intro .subheadline { margin-left: 70px; position: absolute; top: 100px; padding-right: 16.667%; background-color: unset;}
#community-intro .subheadline h4 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#community-intro .content { padding-top: 60px; }

#community-site .content .comm-logo { width: 20%; height: 50px; display: inline-block; margin: 14px 0; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-right: 18px; cursor: pointer; }
/* #community-site .content .comm-logo:nth-child(2), #community-site .content .comm-logo:nth-child(15) { margin-left: 0; }
#community-site .content .comm-logo:nth-child(6) { width: 40%; margin-left: 0; } */
/* #community-site .content .comm-logo:nth-child(9) { margin-left: 60px; } */
/* #community-site .content .comm-logo:nth-child(10) { width: 35%; }
#community-site .content .comm-logo:nth-child(12) { margin-left: 0;}
#community-site .content .comm-logo:nth-child(12), #community-site .content .comm-logo:nth-child(13), #community-site .content .comm-logo:nth-child(14) { width: 27%; } */
#community-site .content .comm-site-btn { font-family: neue-haas-grotesk-display, sans-serif; font-weight: bold; font-size: 1.8em; line-height: 21px; color: #2D323B; text-transform: uppercase; background-color: #FFDC53; border-radius: 5px; padding: 15px 60px; margin-top: 50px; display: inline-block; cursor: default; }

#community-site .container { background-color: #F5F5F5; }
#community-site .second-img { background-position: center right; }
#community-site .second-img::before { content: ''; padding-top: 90%; display: block; }

#community-site .block-img { z-index: -1; background-position: center right; background-repeat: no-repeat; background-size: cover; }
#community-site .block-img::before { content: ''; padding-top: 90%; display: block; }

#community-site .content { padding: 40px 50px; }
#community-site .content h4 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

#innovation-centre-img.bkgrd-img { height:100%; }
#innovation-centre-img .section-headline { margin-left: 20px; position: absolute; top: unset; bottom: 100px; }
#innovation-centre-img .section-headline h1, #innovation-centre-header .section-headline h1 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#innovation-centre-header h2 { color: #2D323B; margin-top: 50px; margin-left: 10px; }

.comm-btn { font-family: neue-haas-grotesk-display, sans-serif; font-weight: bold; font-size: 1.8em; line-height: 21px; color: #2D323B; text-transform: uppercase; background-color: #FFFFFF; border-radius: 5px; padding: 15px 60px; margin-top: 50px; display: inline-block; cursor: pointer; }
.individual-community { position: relative; }
.individual-community:nth-child(odd) .indiv-img { right: 0; }
.individual-community .indiv-img { background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 100px; position: absolute; top: 50%; transform: translateY(-50%); min-height: 160px; }
.individual-community .indiv-box { padding: 100px 100px 60px; position: relative; }
.individual-community .indiv-box:after { content: ''; border-top: 50px solid transparent;border-bottom: 50px solid transparent; position: absolute; top: 50%;  -ms-transform: translateY(-50%); transform: translateY(-50%); }
.individual-community:nth-child(4n+1) .indiv-box:after {  border-left: 50px solid #FFDC53;  right: -50px; }
.individual-community:nth-child(4n+3) .indiv-box:after {  border-left: 50px solid #2D323B;  right: -50px; }
.individual-community:nth-child(4n+2) .indiv-box:after {  border-right: 50px solid #B2D243;  left: -50px; }
.individual-community:nth-child(4n+4) .indiv-box:after {  border-right: 50px solid #511967;  left: -50px; }
.individual-community:nth-child(even) .indiv-box { float: right; }
.individual-community:nth-child(4n+1) .indiv-box { background-color: #FFDC53; }
.individual-community:nth-child(4n+2) .indiv-box  { background-color: #B2D243; }
.individual-community:nth-child(4n+3) .indiv-box  { background-color: #2D323B; }
.individual-community:nth-child(4n+4) .indiv-box  { background-color: #511967; }
.individual-community:nth-child(4n+3) .indiv-box h3, .individual-community:nth-child(4n+4) .indiv-box h3 { background-color: #FFFFFF; box-shadow: 10px 0 0 #FFFFFF, -10px 0 0 #FFFFFF; margin-left: 10px;}
.individual-community:nth-child(4n+3) .indiv-box p, .individual-community:nth-child(4n+4) .indiv-box p { color: #FFFFFF; }
.individual-community .indiv-box h3 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 45px;}
.individual-community .indiv-box p:nth-child(2) { margin-top: 0.8em; }
.individual-community:nth-child(4n+1) .indiv-box h3, .individual-community:nth-child(4n+2) .indiv-box h3 { color: #FFFFFF; background-color: #2D323B; box-shadow: 10px 0 0 #2D323B, -10px 0 0 #2D323B; margin-left: 10px;}
#parkside-two-img.bkgrd-img { height:100%; }
#parkside-two-img .section-headline { margin-left: 20px; position: absolute; top: unset; bottom: 150px; }
#parkside-two-img .section-headline h1 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#parkside-two-header h2 { color: #2D323B; margin-top: 50px; margin-left: 10px; }
#parkside-two { margin-bottom: 100px; }
#parkside-two .individual-community:nth-child(1) { margin-top: -100px; }

#parkside-one-img.bkgrd-img { height:100%; }
#parkside-one-img .section-headline { margin-left: 20px; position: absolute; top: unset; bottom: 150px; }
#parkside-one-img .section-headline h1 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#parkside-one-header h2 { color: #2D323B; margin-top: 50px; margin-left: 10px; }
#parkside-one .individual-community:nth-child(1) { margin-top: -100px; }

#clingoe-house-img.bkgrd-img { height:100%; }
#clingoe-house-img .section-headline { margin-left: 20px; position: absolute; top: unset; bottom: 150px; }
#clingoe-house-img .section-headline h1 { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#clingoe-house-header h2 { color: #2D323B; margin-top: 50px; margin-left: 10px; }
#clingoe-house .individual-community:nth-child(1) { margin-top: -100px; }

/* ---- grid ---- */
.grid { width: 100%; }
/* clear fix */
.grid:after {content: ''; display: block; clear: both; }
/* 5 columns, percentage width */
.grid-item, .grid-sizer { width: 25%; }
.grid-item { float: left; height: 153px; border: 5px solid #F0F0F1; background-size: cover;  background-position: center center; }
.grid-item--width2 { width: 50%; }
.grid-item--width6 { width: 75%; }
.grid-item--width7 { width: 25%; }
.grid-item--width3 { width: 60%; }
.grid-item--width4 { width: 40%; }
.grid-item--width5 { width: 100%; }
.grid-item--height2 { height: 223px; }
.grid-item--height3 { height: 354px; }
.grid-item--height4 { height: 316px; }
.grid-item--height5 { height: 407px; }
.grid-item--height6 { height: 216px; }
.grid-item--height7 { height: 191px; }
.grid-item--height8 { height: 158px; }

.bx-wrapper { display: none; }

.policy { padding-bottom: 100px; }

/* == Type == */


h1 { font-family: neue-haas-grotesk-display, sans-serif; font-size: 8.9em; line-height: 120px; color: #2D323B;  }
h2 { color: #FFFFFF; font-family: neue-haas-grotesk-display, sans-serif; font-size: 5.5em; line-height: 75px; margin-bottom: 0.5em; display: inline-block;  }
h3 {  color: #2D323B; font-family: neue-haas-grotesk-display, sans-serif; font-size: 3.4em; line-height: 40px; margin-bottom: 0.5em; display: inline-block; }
h4 { font-family: neue-haas-grotesk-display, sans-serif; font-size: 3.2em; line-height: 45px; margin-bottom: 0.5em; display: inline-block; }
h5 { font-family: neue-haas-grotesk-display, sans-serif; font-size: 2.8em; line-height: 31px; margin-bottom: 0.5em; margin-top: 0; display: inline-block; }
h6 { font-size: 1.8em; line-height: 21px; margin-bottom: 0.5em; display: inline-block;  margin-top: 0;}
p { font-size: 1.6em; line-height: 24px; font-weight: 300; color: #2D323B; margin-bottom: 0.8em; }
p a {  }
p a:hover { }
ul { list-style-type: disc; padding: 0 0 0 20px; }
li { display: list-item; font-size: 1.6em; line-height: 24px; font-weight: 300; color: #2D323B; margin-bottom: 0.8em; }
small { font-size: 1.0em; line-height: 24px; font-weight: 300; color: #2D323B; }


/* ====== Common Classes ====== */

.section:before, .section:after { content: ""; display: table; }
.section:after { clear: both; }
.section { zoom: 1; }

.left { float: left; }
.right { float: right; }
.block { display: block; }
.inline-block { display: inline-block; *zoom: 1; *display: inline; }
.inline { display: inline; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; padding: 0; position: absolute; width: 1px; left: -9999em; }
.visuallyvisible { clip: auto; width: auto; height: auto; left: 0; }
.strong { font-weight: bold; }
.alert { background-color: #ffffcc; display: block; padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.nolist { list-style: none; }
.nopadding { padding: 0; }
.nomargin { margin: 0; }
.none, .nodesktop, .showmobile, .showtablet, #mobileMap { display: none; }
.showdesktop { display: block; }

/* --- Columns --- */

.twelve-1 { width: 8.333%; } .twelve-2 { width: 16.667%; } .twelve-3 { width: 25.0%; } .twelve-4 { width: 33.333%; } .twelve-5 { width: 41.667%; } .twelve-6 { width: 50.0%; } .twelve-7 { width: 58.333%; } .twelve-8 { width: 66.667%; } .twelve-9 { width: 75.0%; } .twelve-10 { width: 83.333%; } .twelve-11 { width: 91.667%; } .twelve-12 { width: 100%; }
.half { width: 50.0%; } .one-third { width: 33.333%; } .one-fourth { width: 25%; } .one-fifth { width: 20%; }

/* ====== Medium desktops, less than 90em ====== */

@media (max-width: 93em) {

 .container { max-width: 1200px; }

 #navigation.scrolled { max-width: 1200px; }
.bkgrd-img { width: 100%; height:100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }

.section-headline { margin-left: 70px; position: absolute; top: 100px; padding-right: 0; }

#kg-fresh-thinking-content .second-img::before { content: ''; padding-top: 92.22%; display: block; }

#kg-occupiers .occupierlogo { background-position: center center; background-repeat: no-repeat; background-size: contain; margin-left: 45px; padding: 35px 0; }

#uoe-access-content .collage-img { margin-left: 25%;  }

#transport-links .second-img { margin-top: -5%; }
#transport-links #continued-paragraph { padding: 60px 0 150px; }
#transport-links .collage-img { margin-top: -9%; }

#individual-building .building-location { margin-top: 50px; }
#individual-building .building-description { margin-top: 110px; }
#individual-building .building-accommodation { margin-top: 100px; }

#individual-building .twelve-12 ul li { padding-right: 50px; }

/* #community-site .content .comm-logo { margin-left: 20px; } */
#community-site .content .comm-site-btn { padding: 15px 50px; }
#community-site .second-img::before, #community-site .block-img::before { content: ''; padding-top: 112%; display: block; }

}

/* ====== Small desktops, less than 75em ====== */

@media (max-width: 74.99em) {

	.container { max-width: 960px; }

	#navigation nav ul li { padding-left: 20px; }
	#kg-future-content #continued-paragraph { padding: 50px 100px 0 100px; }

	#navigation.scrolled { max-width: 960px; }

	#first-paragraph { padding: 0 60px; }
	#kg-campus-content .twelve-7 { padding-right: 40px; }
	#kg-stats .container div.twelve-6 { padding: 0 90px; }
	#kg-grow-content .collage-img { margin-top: -200px; }
	#uoe-access-content .twelve-4 { margin: 30px 80px 0; }
	#uoe-gateway .subheadline { margin-top: 60px; }
	#uoe-gateway .subheadline h4 { font-size: 2.6em; line-height: 35px; }
	#eoe-colchester-content #first-paragraph { margin-top: 30px; }
	#transport-links ul li span:nth-child(odd) { margin-right: 50px; }
	#transport-links .content { padding: 60px 60px 60px; }
	#transport-links .collage-img { margin-top: -17%; }

	#individual-building h1 { font-size: 7.3em; }
	#individual-building { margin: 80px; }
	#individual-building .twelve-6.left { padding-right: 45px; }

	#individual-building .building-location, #individual-building .building-description { margin-top: 50px; }

	#further-information #agents:nth-child(1) img { padding: 30px 0; }
	#further-information #agents span { margin-top: 20px; margin-left: 0;}

	#community-intro .subheadline { padding-right: 0; }
	#community-intro .second-img::before { padding-top: 90%; } 

	#community-site .content { padding: 30px 30px; }
	#community-site .content h4 { font-size: 2em; line-height: 30px; }
	#community-site .content .comm-logo { margin: 15px 15px 15px 0;  }
	#community-site .content .comm-site-btn { padding: 15px 20px; margin-top: 30px; }

	.individual-community .indiv-box { padding: 50px 50px 50px; }
	.comm-btn { margin-top: 20px; }
	.individual-community .indiv-img { margin: 0 70px;  }
}

/* ====== Portrait tablets, less than 60em ====== */

@media (max-width: 59.9em) {

	.container { max-width: 720px;   }

	/* #mobile-header.scrolled { background-color: #FFDC53; position: fixed; top: 0; right: 0; left: 0; z-index: 999;} */
	#mobile-header.scrolled .logo { margin: 20px 30px; }
	nav, #mobileNav { display: none; }
	#mobileNav { background-color: #FFDC53; position: fixed; right: 0; left: 0; top: 0; bottom:0; z-index: 3; }
	#mobileNav ul { text-align: center; padding: 0; margin: 150px 0; float: unset;}
	#mobileNav ul li { font-size: 2.7em; line-height: 30px; color: #2D323B; font-family: roboro, sans-serif; font-weight: 700; display: block; }

	#mobileMenu {width: 37px; height: 27px; position: fixed; margin: 0; float: right; top: 20px; right: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; display: inline-block !important; z-index: 13; }
	#mobileMenu span {display: block; position: absolute; height: 4px; width: 100%; border-radius:0px; background: #FFFFFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); background-color: #FFFFFF; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	#news #mobileMenu span, .post #mobileMenu span, #contact #mobileMenu span, #privacy-policy #mobileMenu span, #cookie-policy #mobileMenu span { background: #2E323A;  background-color: #2E323A; }
	#mobileMenu span:nth-child(1) {top: 0px; }
	#mobileMenu span:nth-child(2),#mobileMenu span:nth-child(3) {top: 11px; }
	#mobileMenu span:nth-child(4) {top: 23px; }
	#mobileMenu.open span:nth-child(1) {top: 7px; width: 0%; left: 50%; }
	#mobileMenu.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	#mobileMenu.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	#mobileMenu.open span:nth-child(4) {top: 7px; width: 0%; left: 50%; }
	/* #mobile-header .logo { background-image: url('../img/common/logo.jpg'); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 155px; height: 190px; margin-left: 30px; } */
	#navigation.open .logo { display: none; }
	#news #mobile-header, .post #mobile-header, #contact #mobile-header, #privacy-policy #mobile-header, #cookie-policy #mobile-header { min-height: 60px; height: 60px; background-color: #FFFFFF; box-shadow: 0px 3px 6px #bfbfbf; position: fixed; left: 0; right: 0; z-index: 15;}
	#mobile-header.open .logo { display: none } 
	#news #mobile-header.open, .post #mobile-header.open, #contact #mobile-header.open, #privacy-policy #mobile-header.open, #cookie-policy #mobile-header.open { background-color: unset; box-shadow: none; }
	#mobile-header.scrolled { position: fixed; top: 0; left: 0; right: 0; height: 60px; background-color: #FFDC53; box-shadow: 0px 3px 6px #bfbfbf; z-index: 5; }
	#mobile-header.scrolled.open { box-shadow: none; }

	.section-headline { top: 80px; }
	.bkgrd-img { height: 50%; }

	#kg-fresh-thinking-content, #kg-unique-environment-content, #kg-community-content, #uoe-access-content { padding-bottom: 80px; }
	#kg-fresh-thinking-content .second-img::before { padding-top: 117.22%; }
	#kg-unique-environment-content .second-img { margin-top: 10%;  }
	#kg-unique-environment-content .collage-img { margin-top: -15%; margin-left: 14%; }
	#kg-occupiers .container { padding: 50px; } 
	#kg-stats .container { padding: 30px; }
	#kg-stats .container div { padding: 0 30px 0 50px; }
	#kg-stats h3 { font-size: 2.4em; line-height: 33px; }
	#kg-stats .container div.twelve-6 { padding: 0 60px 0 80px; }
	#kg-occupiers { margin: 50px 0 80px; }
	#kg-occupiers .occupierlogo { margin-left: 70px; margin-bottom: 20px; }
	#kg-occupiers div:nth-child(2) { margin-left: 40px; margin-right: 40px; }
	#kg-community-content #first-paragraph { padding: 50px 40px 0 60px; }
	#kg-community-content #continued-paragraph { padding: 40px 0 0 60px; }
	#kg-campus-content .twelve-7 { padding-right: 5px; padding-left: 5px; }
	#kg-campus-content { margin-bottom: 80px; }
	#kg-future-content #continued-paragraph { padding: 50px 50px 0 50px; }
	#kg-future-content { padding-bottom: 80px; }
	
	#kg-advantage-content #first-paragraph { padding: 50px 60px 0; }
	#kg-advantage-content #continued-paragraph { padding: 150px 50px 0 0 }
	#kg-advantage-content .collage-img { margin-top: -120px; }

	#kg-grow-content #paragraph { column-gap: 50px; padding-top: 60px; margin-left: 60px; }
	#kg-grow-content .collage-img { margin-top: -150px; }

	#uoe-access-content .twelve-4 { margin: 0; padding: 30px 60px 0;}
	#uoe-access-content .twelve-4 p:nth-child(2), #uoe-access-content .twelve-4 p:nth-child(3) { padding-right: 0; }
	#uoe-access-content #greenbox { padding: 40px 40px; }
	#uoe-access-content #greenbox p { width: 100%; padding-right: 0; }
	#uoe-access-content .collage-img { margin-left: 30.3%; }
	#uoe-gateway .subheadline { margin-top: 40px; }
	#uoe-labs #uoe-labs-content { padding-top: 40px; columns: 1; }
	#uoe-labs { margin-left: 70px; padding-bottom: 80px; }

	#eoe-benefit-content #paragraph { margin-left: 60px; padding-top: 80px; }
	#eoe-benefit-content .collage-img { margin-bottom: 80px; }
	#eoe-colchester-content #first-paragraph { padding-top: 50px;  margin-top: 0;}
	#eoe-colchester-content #continued-paragraph { padding: 100px 50px 0 0; }
	#eoe-colchester-content .collage-img { margin-top: -50%; }
	#eoe-location .subheadline div { position: relative; columns: 1;  }
	#eoe-location .subheadline div p:nth-child(2) { break-before: auto; }
	#transport-links .collage-img { float: left !important; margin-top: 2%; margin-bottom: 80px; }
	#transport-links #first-paragraph { padding: 60px 30px 0 60px; }
	#transport-links #continued-paragraph { padding: 60px 0 150px 30px; }
	#transport-links .content { margin-top: -100px; padding: 50px 80px; }

	#availability #availability-content { margin: 80px 60px; }
	#individual-building { margin: 80px 0; }
	#individual-building h1 { font-size: 6.6em; }
	#individual-building h5 { margin-bottom: 10px; }
	#individual-building .building-location, #individual-building .building-description, #individual-building .building-accommodation { margin-top: 30px; }
	#individual-building .twelve-6.left { padding-right: 30px; }
	#individual-building .building-spec { padding: 30px 40px; }
	#individual-building .twelve-12 ul li { padding-right: 30px; }
	#further-information .container { padding: 80px 60px; }
	#further-information #agents span { margin-left: 0; margin-top: 20px; }
	#further-information #agents:nth-child(1) img { padding: 30px 0; }

	#news .twelve-6 { margin-bottom: 80px; }
	#news .btn { margin-top: 20px; }

	#first-paragraph { padding: 0 60px; }
	#continued-paragraph { padding: 50px 60px 0 60px; }

	.single-story .story-image { margin-bottom: 20px; }
	.paddingRight { padding-right: 50px; }

	#footer .container { padding: 80px 60px; }
	.policy { padding-bottom: 80px; }

	#community-intro { margin-bottom: 40px; }
	#community-intro .subheadline { position: relative; margin-left: 10px; top: 20px; }
	#community-intro .content { padding-top: 20px; }
	#community-site .second-img, #community-site .block-img { background-position: top right; }
	#community-site .second-img::before, #community-site .block-img::before { content: ''; padding-top: 60%; display: block; }
	#community-site .content .comm-site-btn { display: block; text-align: center; }
	#community-site .content .comm-logo { margin: 15px 30px 15px 0px;  }

	.individual-community .container { padding: 0; }
	.individual-community .indiv-img { position: relative; top: unset; transform: unset; margin: 50px auto; }
	.individual-community .indiv-box { padding: 20px 20px 20px; }
	.individual-community .indiv-box:after { border-top: 25px solid transparent; border-right: 25px solid transparent !important; border-left: 25px solid transparent !important; }
	.individual-community:nth-child(4n+1) .indiv-box:after {  border-bottom: 25px solid #FFDC53;  top: -25px; right: unset; }
	.individual-community:nth-child(4n+3) .indiv-box:after {  border-bottom: 25px solid #2D323B;  top: -25px; right: unset; }
	.individual-community:nth-child(4n+2) .indiv-box:after {  border-bottom: 25px solid #B2D243;  top: -25px; left: unset; }
	.individual-community:nth-child(4n+4) .indiv-box:after {  border-bottom: 25px solid #511967;  top: -25px; left: unset; }

	#parkside-two .individual-community:nth-child(1), #parkside-one .individual-community:nth-child(1), #clingoe-house .individual-community:nth-child(1) { margin-top: 0; }
	#parkside-two-img.overlap, #parkside-one-img.overlap, #clingoe-house-img.overlap { margin-top: 40px; }



	h1 { font-size: 7.9em; line-height: 105px; }
	h2 { font-size: 3.8em; line-height: 55px;}
	h4 { font-size: 2em; line-height: 30px; }
	h5 { font-size: 2em; }
	h6 { font-size: 1.6em; }
	p { font-size: 1.4em; }

	.nine-1 { width: 11.111% } .nine-2 { width: 22.222% } .nine-3 { width: 33.333% } .nine-4 { width: 44.444% } .nine-5 { width: 55.556% } .nine-6 { width: 66.666% } .nine-7 { width: 77.778% } .nine-8 { width: 88.888% } .nine-9 { width: 100% }
	.notablet { display: none; }
	.showtablet, #mobileMap { display: block; }

}

/* ====== Portrait phones, less than 34em ====== */

@media (max-width: 47.9em) {

	.container { max-width: 100%; padding: 0 30px; }

	.bx-wrapper { display: block; }
	.yellow-strip, .blue-strip, .green-strip { display: none; }

	.overlap { margin-top: 0; }
	.margin-top { margin-top: 30px; }
	.padding-left, .post .paddingLeft { padding-left: 0; }
	.padding-right, .paddingRight { padding-right: 0; }
	
	.blkbkgrd { box-shadow: 10px 0 0 #2D323B, -10px 0 0 #2D323B; }
	.ylwbkgrd { box-shadow: 5px 0 0 #FFDC53, -5px 0 0 #FFDC53 }
	.whtbkgrd { box-shadow: 5px 0 0 #FFFFFF, -5px 0 0 #FFFFFF; }

	#kg-fresh-thinking-content, #kg-unique-environment-content, #kg-community-content, #uoe-labs { padding-bottom: 30px; }
	#uoe-access-content { padding-bottom: 0; }
	#uoe-gateway { padding-top: 0; margin-bottom: 30px; }

	#kg-campus .section-headline, #uoe-access-content .section-headline, #uoe-gateway .section-headline { background-color: #B2D243; }
	#kg-community-content .section-headline { background-color: #00BDE4; }
	.section-headline { position: relative; margin-left: 0; top: 0; background-color: #FFDC53; padding: 30px 30px 30px 40px; }
	.subheadline { margin-bottom: 20px; }

	#header .headline { margin-left: 20px; }
	#navigation .logo { margin-left: 0; }

	#kg-fresh-thinking-content .second-img { margin-top: 30px; }
	#kg-fresh-thinking-content .second-img::before { padding-top: 79.22%; }

	#kg-stats .container div { border-right: 0; margin: 20px 0; padding: 0 0; }
	#kg-stats .container div.twelve-6 { padding: 0 0; }

	#kg-community-content #first-paragraph, #kg-community-content #continued-paragraph,#kg-campus-content #continued-paragraph, #kg-future-content #first-paragraph, #kg-future-content #continued-paragraph { padding: 0 0 0 0; }
	#kg-campus { padding-top: 0; }
	#kg-campus-content #first-paragraph { padding: 20px 0 0 0; }
	#kg-campus-content h4 { margin-left: 0; }
	#kg-campus-content #greenbox { margin-top: 20px; padding: 30px;}
	#kg-campus-content #greenbox #greenbox-content { columns: 1; }

	#kg-future-content { padding-bottom: 30px; }

	#kg-advantage-content { margin-bottom: 30px; }
	#kg-advantage-content #first-paragraph, #kg-advantage-content #continued-paragraph { padding: 0 0 0 0; }

	#kg-grow-content #paragraph { columns: 1; column-gap: 0; padding-top: 0; margin-left: 0; }
	#kg-grow-content #paragraph p:nth-child(5) { break-before: auto;  }

	#uoe-access-content #greenbox { margin-top: 20px; }
	#uoe-access-content .twelve-4 { padding: 0px 0 0; }
	#uoe-access-content .twelve-4 p:nth-child(1) { padding-bottom: 0; }
	#uoe-labs { margin-left: 0; }
	#uoe-labs #uoe-labs-content p:nth-child(7) { break-before: auto; }

	#eoe-benefit-content #paragraph { margin-left: 0; padding-top: 30px; columns: 1; }
	#eoe-colchester-content #first-paragraph { padding-top: 0; }
	#eoe-colchester-content #continued-paragraph { padding: 0 0 0; }
	#eoe-colchester-content { margin-bottom: 30px; }

	#eoe-location .section-headline { padding-top: 40px; padding:30px 0px 30px 0px; }
	#eoe-location .subheadline { margin-left: 0; }
	
	.btn { display: block; text-align: center; }
	#eoe-location { padding-bottom: 30px; }
	#transport-links .content { margin-top: -50px; }
	#transport-links .content { padding: 30px 30px; }
	#transport-links ul li span:nth-child(odd) { margin-right: 30px; }
	#transport-links .second-img { margin-top: 20px; }
	#transport-links #first-paragraph { padding: 0 0 0 0; }
	#transport-links #continued-paragraph { padding: 0 0 20px 0; }
	#transport-links .bx-wrapper, #transport-links ul { margin-bottom: 0; }
	
	#availability #availability-content { margin: 20px 0; }
	#availability #availability-content .building-box { width: 100%; margin-left: 0; }
	#availability #availability-content .building-box .building-img { width: 50%; height: 100%; float: left; }
	#availability #availability-content .building-box #availability-details { width: 50%; float: left; }

	#individual-building .twelve-12 { columns: 1; padding: 30px 0 0; }
	#individual-building .twelve-12 li:nth-child(5) { break-before: auto; }
	#individual-building .twelve-12 ul li { padding-right: 0; margin-bottom: 20px; }
	#individual-building { margin: 30px 0; }
	#individual-building .twelve-6.left { padding-right: 0; }
	#further-information .container { padding: 30px 30px; }
	#further-information #agents { padding: 20px 0; }
	#further-information #agents:nth-child(1) img { padding: 0 0; }
	
	#news .twelve-6 { padding-left: 0; background-color: #f5f5f5; border-radius: 5px; padding: 15px; margin-bottom: 20px; box-shadow: 0px 3px 6px #bfbfbf; }
	.news h2, .post h2, #contact h2 { margin-left: 0; }
	#contact h2 { display: inline; }
	#news .story-image { height: 250px; }

	#contact-content .twelve-6 { padding-left: 0; }
	#contact-details .section { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #2E323A; }
	#contact-details .section:last-child { border-bottom: none; }
	#contact-details .bkgrd-img { margin-left: 0; margin-right: 0; width: 100%; }
	#contact-details h4 { margin-left: 5px; margin-bottom: 20px; margin-top: 20px; }
	#contact-details { margin: 30px 0; }

	#first-paragraph { padding: 0 0; }
	#continued-paragraph { padding: 0px 0px 0 0px; }

	#footer .container { padding: 40px 30px; }

	.bx-wrapper { margin: 0 auto 40px; height: auto; }
	.bx-wrapper .bx-pager { bottom: 30px; left: 0; right: 0; text-align: center; }
	.bx-pager-item { display: inline-block; }
	.bx-pager-item a { background-color: rgba(255, 255, 255, 0.6); width: 10px; height: 10px; border-radius: 5px; text-indent: -9999px; display: block; margin: 0 5px; outline: 0; }
	.bx-pager-item a.active { background-color: #FFFFFF; }

	#footer nav { padding-top: 0; padding-bottom: 30px; }
	#footer nav ul { text-align: left; padding: 0 0 0 0;}
	.policy { padding-bottom: 30px; }

	#community-site .content .comm-logo { margin: 15px 14px 15px 0;  }
	.individual-community .indiv-box:after { border-top: 25px solid transparent; border-right: 25px solid transparent !important; border-left: 25px solid transparent !important; left: 45% !important; }

	h1 { font-size: 6em; line-height: 95px; }
	li { font-size: 1.4em; }

	.four-1 { width: 25%; } .four-2 { width: 50%; } .four-3 { width: 75%; } .four-4 { width: 100%; }
	.nomobile { display: none; }
	.showmobile { display: block; }

}

#header video {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: bottom left;
}

.gallery-wrap {
	padding-top:100px;
}

.gallery-title h2 {
	font-size:3.2em;
	line-height:45px;
	margin-bottom:0.5em;
	color:#2D323B;
}

.gallery {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:0 -14px;
}

.gallery .gallery-item {
	width:25%;
	padding:5px;
}

.gallery .gallery-item img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 47.9em) {
	.gallery-title h2 {
		font-size:2em;
		line-height:30px;
	}
}

@media screen and (max-width:958px) {
	.gallery-wrap {
		padding-top:30px;
	}
	.gallery {
		margin:0 -10px;
	}
	.gallery .gallery-item {
		width:50%;
	}
}