.u-section-1 .u-sheet-1 {min-height: 1200px}
.u-section-1 .u-text-1 {margin-left: 0; margin-right: 779px; margin-bottom: 0}
.u-section-1 .u-layout-wrap-1 {margin: 73px auto 73px 0}
.u-section-1 .u-image-1 {min-height: 355px; background-image: url("images/1hoodavenuecollage.jpg"); background-position: 50% 50%}
.u-section-1 .u-container-layout-1 {padding: 30px}
.u-section-1 .u-image-2 {min-height: 355px; background-image: url("images/1oakwoodgardenscollage.jpg"); background-position: 50% 50%}
.u-section-1 .u-container-layout-2 {padding: 30px}
.u-section-1 .u-image-3 {min-height: 355px; background-image: url("images/9oakwoodgardenscollage1.jpg"); background-position: 50% 50%}
.u-section-1 .u-container-layout-3 {padding: 30px}
.u-section-1 .u-image-4 {min-height: 355px; background-image: url("images/37highfieldroadcollage.jpg"); background-position: 50% 50%}
.u-section-1 .u-container-layout-4 {padding: 30px}
.u-section-1 .u-image-5 {min-height: 355px; background-image: url("images/38julianroadcollage.jpg"); background-position: 50% 50%}
.u-section-1 .u-container-layout-5 {padding: 30px}
.u-section-1 .u-image-6 {min-height: 355px; background-image: url("images/centraltyrecollage.jpg"); background-position: 50% 50%}
.u-section-1 .u-container-layout-6 {padding: 30px} 

@media (max-width: 1199px){ .u-section-1 .u-text-1 {margin-right: 579px}
.u-section-1 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} }

@media (max-width: 991px){ .u-section-1 .u-text-1 {margin-right: 359px} }

@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 2265px}
.u-section-1 .u-text-1 {margin-right: 179px}
.u-section-1 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
.u-section-1 .u-container-layout-3 {padding-left: 10px; padding-right: 10px}
.u-section-1 .u-container-layout-4 {padding-left: 10px; padding-right: 10px}
.u-section-1 .u-container-layout-5 {padding-left: 10px; padding-right: 10px}
.u-section-1 .u-container-layout-6 {padding-left: 10px; padding-right: 10px} }

@media (max-width: 575px){ .u-section-1 .u-text-1 {margin-right: 0} }.u-section-2 .u-sheet-1 {min-height: 940px}
.u-section-2 .u-layout-wrap-1 {margin-top: 70px; margin-bottom: 70px; min-height: 790px}
.u-section-2 .u-image-1 {min-height: 267px; background-image: url("images/AnnexBuildingFront.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-1 {padding: 20px}
.u-section-2 .u-image-2 {min-height: 267px; background-image: url("images/AnnexeBuilding.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-2 {padding: 20px}
.u-section-2 .u-image-3 {min-height: 267px; background-image: url("images/ConservatoryReRoof.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-3 {padding: 20px}
.u-section-2 .u-image-4 {min-height: 267px; background-image: url("images/ConservatoryReRoofElevations.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-4 {padding: 20px}
.u-section-2 .u-image-5 {min-height: 267px; background-image: url("images/ConservatoryReRoofStructural.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-5 {padding: 20px}
.u-section-2 .u-image-6 {min-height: 267px; background-image: url("images/TwoStoreySideSingleStoreyRearElevations.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-6 {padding: 20px}
.u-section-2 .u-image-7 {min-height: 267px; background-image: url("images/TwoStoreySideSingleStoreyRearExtension.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-7 {padding: 20px}
.u-section-2 .u-image-8 {min-height: 267px; background-image: url("images/TypicalPlans1.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-8 {padding: 20px}
.u-section-2 .u-image-9 {min-height: 267px; background-image: url("images/TypicalSections.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-9 {padding: 20px} 

@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 800px} }

@media (max-width: 991px){ .u-section-2 .u-container-layout-1 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-2 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-3 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-4 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-5 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-6 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-7 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-8 {padding-left: 30px; padding-right: 30px}
.u-section-2 .u-container-layout-9 {padding-left: 30px; padding-right: 30px} }

@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 1601px}
.u-section-2 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-3 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-4 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-5 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-6 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-7 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-8 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-9 {padding-left: 10px; padding-right: 10px} }.u-section-3 .u-sheet-1 {min-height: 400px}
.u-section-3 .u-layout-wrap-1 {margin: 60px auto 60px 0}
.u-section-3 .u-image-1 {min-height: 274px; background-image: url("images/TypicalStructuralArrangement.jpg"); background-position: 50% 50%}
.u-section-3 .u-container-layout-1 {padding: 20px}
.u-section-3 .u-image-2 {min-height: 274px; background-image: url("images/WrapAroundExtensionPerspectives.jpg"); background-position: 50% 50%}
.u-section-3 .u-container-layout-2 {padding: 20px}
.u-section-3 .u-image-3 {min-height: 274px; background-image: url("images/WrapAroundExtensionStructualLayout.jpg"); background-position: 50% 50%}
.u-section-3 .u-container-layout-3 {padding: 20px}
.u-section-3 .u-image-4 {min-height: 274px; background-image: url("images/WrapAroundExtension.jpg")}
.u-section-3 .u-container-layout-4 {padding: 20px} 

@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 282px}
.u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
.u-section-3 .u-image-1 {min-height: 267px}
.u-section-3 .u-image-2 {min-height: 267px}
.u-section-3 .u-image-3 {min-height: 267px}
.u-section-3 .u-image-4 {min-height: 267px; background-position: 50% 50%} }

@media (max-width: 991px){ .u-section-3 .u-sheet-1 {min-height: 748px}
.u-section-3 .u-container-layout-1 {padding-left: 30px; padding-right: 30px}
.u-section-3 .u-container-layout-2 {padding-left: 30px; padding-right: 30px}
.u-section-3 .u-container-layout-3 {padding-left: 30px; padding-right: 30px}
.u-section-3 .u-container-layout-4 {padding-left: 30px; padding-right: 30px} }

@media (max-width: 767px){ .u-section-3 .u-sheet-1 {min-height: 1613px}
.u-section-3 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-3 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
.u-section-3 .u-container-layout-3 {padding-left: 10px; padding-right: 10px}
.u-section-3 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} }

@media (max-width: 575px){ .u-section-3 .u-sheet-1 {min-height: 1037px} }