*,*::before,*::after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#3366d1 #1d3d81}* ::-webkit-scrollbar{width:.5rem}* ::-webkit-scrollbar-track{background-color:#3366d1}* ::-webkit-scrollbar-thumb{height:2rem;background-color:#86a4e4}body,h1,h2,h3,h4,h5,h6 p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a{cursor:pointer;text-decoration:none}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;font-family:"Roboto",sans-serif;background-color:#313131}body:before{content:"";position:fixed;top:0;left:0;background-image:url("../img/cropped-side-main.jpg");background-repeat:no-repeat;background-size:cover;width:30%;height:100%}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{transition:.3s}a:hover{transition:.3s}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}h1{font-size:1.2rem}h2{font-size:1.1rem}h3{font-size:1rem}h4{font-size:1rem}h5{font-size:.9rem}p,a,li{font-size:.8rem}h1,h2,h3,h4,h5,p,a,li{color:#333}@media only screen and (min-width: 1440px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.9rem}p,a,li{font-size:.9rem}}@media only screen and (min-width: 1920px){h1{font-size:1.6rem}h2{font-size:1.5rem}h3{font-size:1.2rem}h4{font-size:1em}h5{font-size:.9rem}p,a,li{font-size:.95rem}}body:before{width:0;z-index:-1}.body--block{overflow-Y:hidden}.wrapper{width:100%;padding:0;background-color:#ccc}.wrapper .sidebar{left:-100%;width:calc(100% - 4rem);padding:0 1rem}.wrapper .mobile__header{padding:0 1.5rem}.wrapper .mobile__header .header__title span{display:none}.wrapper .content{width:100%}.wrapper .content .content__header .sticky--header{width:100%;left:0;right:auto}.wrapper .content .content__block{padding:2rem 1rem}.wrapper .content .content__footer .footer__bar{padding:1rem 1rem}.wrapper .content .content__footer .footer__devs{padding:.2rem 1rem}.wrapper .content .top{bottom:0;right:-3rem}.wrapper .content .top--show{bottom:0;right:0}.sidebar--show .sidebar{left:0}.sidebar--show .mobile__header{left:calc(100% - 4rem)}@media only screen and (min-width: 400px){.wrapper .sidebar{left:-17rem;width:17rem;border-right:1px solid #b3b3b3}.wrapper .sidebar .sidebar__logo{width:80%;float:none}.sidebar--show .sidebar{left:0}.sidebar--show .mobile__header{left:17rem}}@media only screen and (min-width: 600px){.wrapper .sidebar{left:-17rem;width:17rem;border-right:1px solid #b3b3b3}.wrapper .sidebar .sidebar__logo{width:80%;float:none}.wrapper .mobile__header .header__title span{display:inline-block}.wrapper .content .content__header .header__strapline h1{padding-left:1.5rem}.wrapper .content .content__block{padding:2rem}.wrapper .content .content__block .block__trio .trio__item{padding-bottom:.5rem}.wrapper .content .content__block .block__trio .trio__item .item__image{width:10rem;height:10rem;overflow:hidden}.wrapper .content .content__block .block__trio .trio__item .item__image img{height:100%;width:auto;max-width:none}.wrapper .content .content__block .block__trio .trio__item .item__title,.wrapper .content .content__block .block__trio .trio__item .item__copy,.wrapper .content .content__block .block__trio .trio__item .item__link{width:calc(100% - 11rem);float:right;position:relative}.wrapper .content .content__block .block__trio .trio__item .item__link{margin-top:1.7rem;width:calc(100% - 11.5rem)}.wrapper .content .content__footer .footer__bar{padding:1rem 2rem}.wrapper .content .content__footer .footer__devs{padding:.2rem 2rem}.wrapper .content .top{bottom:1rem}.wrapper .content .top--show{bottom:1rem;right:1rem}.sidebar--show .mobile__header{left:17rem}.sidebar--show .sidebar{left:0}}@media only screen and (min-width: 1024px){.wrapper .content .content__block .block__trio{grid-template-columns:1fr 1fr 1fr;-moz-column-gap:1rem;column-gap:1rem;row-gap:0;margin:3rem 0 0 0}.wrapper .content .content__block .block__trio .trio__item{padding-bottom:4rem}.wrapper .content .content__block .block__trio .trio__item .item__image{width:100%;height:auto}.wrapper .content .content__block .block__trio .trio__item .item__image img{height:auto;width:100%;max-width:100%}.wrapper .content .content__block .block__trio .trio__item .item__title,.wrapper .content .content__block .block__trio .trio__item .item__copy,.wrapper .content .content__block .block__trio .trio__item .item__link{width:100%;float:left}.wrapper .content .content__block .block__trio .trio__item .item__link{position:absolute;width:calc(100% - 1rem)}}@media only screen and (min-width: 1280px){body:before{width:50%}.wrapper .sidebar{left:14%;width:19rem;padding:0 2.5rem;border-right:none}.wrapper .mobile__header{padding:0 1.5rem;display:none}.wrapper .content{width:calc(86% - 19rem)}.wrapper .content .content__header .sticky--header{width:calc(86% - 19rem);position:fixed;left:auto;right:0;top:0}.wrapper .content .content__block{padding:3rem 2rem}.wrapper .content .content__block .block__trio{grid-template-columns:1fr 1fr 1fr;-moz-column-gap:1rem;column-gap:1rem;row-gap:0;margin:3rem 0 0 0}}@media only screen and (min-width: 1600px){.wrapper .sidebar{left:18%;width:22rem;padding:0 2.5rem;border-right:none}.wrapper .mobile__header{padding:0 1.5rem;display:none}.wrapper .content{width:calc(82% - 22rem)}.wrapper .content .content__header .sticky--header{width:calc(82% - 22rem);left:auto;right:0}.wrapper .content .content__block .block__trio{grid-template-columns:1fr 1fr 1fr;-moz-column-gap:1rem;column-gap:1rem;row-gap:0;margin:3rem 0 0 0}}@media only screen and (min-width: 1920px){.wrapper .sidebar .sidebar__logo{width:100%}.wrapper .sidebar .sidebar__nav{width:calc(100% - 2rem);margin:1rem}.wrapper .content{width:calc(72% - 22rem);margin-left:calc(18% + 22rem);float:left}.wrapper .content .content__header .header__image{padding-top:40vh}.wrapper .content .content__header .sticky--header{width:calc(72% - 22rem);right:auto;left:calc(18% + 22rem)}.wrapper .content .top{bottom:1rem}.wrapper .content .top--show{bottom:1rem;right:calc(10% - 1.5rem)}}@media only screen and (min-width: 2560px){.wrapper .sidebar{width:25rem;padding:0 4rem}.wrapper .sidebar .sidebar__logo{width:100%;margin-bottom:3rem}.wrapper .content{width:calc(66% - 25rem);margin-left:calc(18% + 25rem);float:left}.wrapper .content .content__header .sticky--header{width:calc(66% - 25rem);right:auto;left:calc(18% + 25rem)}.wrapper .content .top{bottom:1rem}.wrapper .content .top--show{bottom:1rem;right:calc(16% - 1.5rem)}}.sidebar{position:fixed;top:0;height:100vh;background-color:#fff;overflow-Y:auto;z-index:10;transition:.3s}.sidebar .sidebar__logo{width:46%;float:left;margin:1rem auto}.sidebar .sidebar__logo img{width:100%}.sidebar .sidebar__nav{width:100%;float:left;margin:0 auto;border:1px dashed #b3b3b3;padding:1rem}.sidebar .sidebar__nav a{width:100%;display:block;line-height:2.5rem;border-bottom:1px solid #d9d9d9}.sidebar .sidebar__nav a:last-of-type{border:none}.sidebar .sidebar__nav a:hover{color:#3366d1}.sidebar .sidebar__nav .nav--active{font-weight:bold;color:#3366d1}.content{background-color:#f6f6f6;float:right;min-height:100vh}.content .content__block{width:100%;float:left;border-bottom:1px dashed #b3b3b3}.content .content__block h2{margin-bottom:1rem}.content .content__block p:first-of-type{margin-top:0}.content .content__block p:last-of-type{margin-bottom:0}.content .content__block .block__trio{display:grid;grid-template-columns:100%;-moz-column-gap:0;column-gap:0;row-gap:2rem;margin:3rem 0 0 0}.content .content__block .block__trio .trio__item{background-color:#fff;border:1px dashed #b3b3b3;padding:.5rem .5rem 4rem .5rem;position:relative;z-index:1}.content .content__block .block__trio .trio__item .item__image{width:100%;float:left}.content .content__block .block__trio .trio__item .item__image img{width:100%}.content .content__block .block__trio .trio__item .item__title{width:100%;float:left;padding:0 .5rem;margin-top:.5rem}.content .content__block .block__trio .trio__item .item__copy{width:100%;float:left;padding:0 .5rem}.content .content__block .block__trio .trio__item .item__link{width:calc(100% - 1rem);float:left;background-color:#3366d1;color:#fff;text-align:center;line-height:2.2rem;display:block;position:absolute;bottom:.5rem}.content .content__block .block__trio .trio__item .item__link:hover{background-color:#2651ab}.content .block--darker{background-color:#e9e9e9}.block--first{min-height:50vh}.mobile__header{width:100%;position:fixed;top:0;left:0;background-color:#3366d1;border-bottom:1px solid #2651ab;transition:.3s;z-index:10}.mobile__header .header__nav{width:3rem;height:3rem;float:left;background-image:url("../svg/menu.svg");background-repeat:no-repeat;background-position:50%;background-size:1.7rem}.mobile__header .header__title{float:left;width:calc(100% - 3rem);line-height:3rem;color:#fff;text-align:right;padding-right:1rem}.content__header{width:100%;float:left}.content__header .header__image{width:100%;background-size:cover;background-repeat:no-repeat;background-position:0;padding-top:50vh}.content__header .image--homepage{background-image:url("../img/removal-company-wiltshire.jpg")}.content__header .image--homeremovals{background-image:url("../img/home-removal-company.jpg")}.content__header .image--packingservice{background-image:url("../img/packing-service.jpg")}.content__header .image--nonpackingservice{background-image:url("../img/non-packing-service.jpg")}.content__header .image--officerelocation{background-image:url("../img/office-relocation-service.jpg")}.content__header .image--storage-facilities{background-image:url("../img/wiltshire-storage-facilities.jpg")}.content__header .image--about-john-wales{background-image:url("../img/about-john-wales-removals.jpg")}.content__header .image--contact-john-wales{background-image:url("../img/contact-john-wales-removals.jpg")}.content__header .header__strapline{width:100%;background-color:#3366d1;padding:.7rem}.content__header .header__strapline h1{color:#fff}.content__header .header__strapline a{color:#fff;font-size:inherit}.content__header .header__strapline a:hover{color:#9bb4e8}.content__header .sticky--header{z-index:10}.content__footer{background-color:#3366d1;width:100%;float:left}.content__footer .footer__bar{width:100%;float:left;color:#fff;text-align:left;font-size:.8rem}.content__footer .footer__bar a{color:#fff;font-size:inherit}.content__footer .footer__bar a:hover{color:#9bb4e8}.content__footer .footer__devs{width:100%;float:left;background-color:#2651ab;text-align:left;color:#fff;font-size:.7rem}.content__footer .footer__devs a{font-size:.7rem;color:#fff}.content__footer .footer__devs a:hover{color:#9bb4e8}.top{position:fixed;width:3rem;height:3rem;background-color:#4876d6;line-height:3rem;text-align:center;color:#fff;font-size:.7rem;z-index:11}.top:hover{background-color:#7195df;color:#333}/*# sourceMappingURL=application.css.map */