html,body{margin:0;padding:0;bottom:0;margin:0 auto;background-color:#FFFFFF;font-family: 'Inter', sans-serif;color:#2F2F2F;top:0;max-width:1159px;}


.desktop{display:none;}

a{color:#2F2F2F;text-decoration:none;}
video[poster]{width:100%;}
video{object-fit:fill}

#bgvideo {
	position:relative;
	right: 0;
	top: 0;
	max-width: 100%;
	z-index: 99;padding-top:;
	margin-top:70px;
}

.navi-overlay{position:fixed;height:100%;width:100%;background-color:#FFFFFF;z-index: 105;display:none;}

.navi{width:100%;height:70px;background-color:#FFFFFF;position:fixed;margin-top:0px;z-index:105;}
.navi-menu{position:absolute;margin-top:27px;margin-left:20px;cursor:pointer;}
.navi-logo{width:100px;position:absolute;left:50%;transform: translateX(-50%);margin-top:15px;}
.navi-close{position:absolute;margin-top:16px;margin-left:20px;cursor:pointer;}
.navi-overlay-centre{margin-top:50%;margin-left:50%;transform: translate(-50%, -50%);text-align:center;line-height:70px;background-color: ;height:360px;}
.navi-spacing{font-family: 'Inter', sans-serif;font-weight:600;font-size:30px;}

.main-image{width:100%;height:75%;overflow:hidden;margin-top:0px;}
.logo{margin-top:-50%;position:absolute;z-index:101;margin-left:50%;transform: translateX(-50%);display:none;}

.strapline{font-size:25px; width:80%;padding-top:149px;text-align:center;margin-left: 50%;transform: translateX(-50%);font-family: 'Inter', sans-serif;font-weight:200;}
.clients-header{font-size:14px;padding-top: 150px;width:100%;text-align:center;font-family: 'Inter', sans-serif;font-weight:300;}
.client-logo-wrapper{width:100%;height:650px;margin-top:80px;margin-left:50%;transform: translateX(-50%);background:;}
.credentials-logo{height:100px;width:40%;background:;position:relative;float:left;margin-right:5%;margin-left:5%;margin-top:50px;background:;}
.credentials-logo img{ margin: 0;position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)}

.call-to-action{width:100%;padding-bottom:40px;background:#F6F6F6;margin-top:100px;}
.call-to-action-wrapper{padding-top:50px;}
.consultation-text{width:80%;background:;margin-left:10%;}

.ca1{font-size:22px;}
.ca2{font-size:13px;}
.ca3{font-size:15px;}

.header-wrapper{padding-top:200px;margin-left:10%;width:80%; }
.header-title{font-weight:600;font-size:50px;}
.header-copy{font-weight:400;font-size:15px;padding-top:20px;}

.body-left{height:600px;padding-top:;padding-bottom:50px;display:block;}

.body-left-copy{position:;margin-left:10%;width:80%;margin-top:80px;}
.body-header{font-size: 28px;font-weight:700;}
.body-sub{font-size:25px;font-weight:400;}
.body-body{font-size:15px;font-weight:400;}
.body-call{font-size:20px;font-weight:700;}

.comparison-header{font-size:20px;padding-bottom: 50px;font-weight:700;margin-top:80px;margin-left:10%;display: none;}
.line{border-top:1px solid;width:80%;padding-top:11px;padding-bottom:11px;font-size:14px;}
.comparison-left{margin-left: 10%;margin-top:80px;}
.comparison-right{margin-left: 10%;margin-top:80px;}
.comp-header{font-size: 30px;font-weight:600;}
.comp-sub{font-size: 17px;line-height:50px;font-weight:500; }
.comp-call{font-size: 19px;font-weight:700;}


.device-padding{height:600px;}
.body-left-image{margin-top:30px;margin-left:10%;overflow: hidden;width:60%;}
.body-left-image img{ margin-left: 50%; transform: translateX(-50%);}
.body-left-image-2{margin-top:10px;margin-left:;overflow: hidden;width:60%;padding-bottom: 20px;}
.body-left-image-2 img{ margin-left: 50%; transform: translateX(-50%);}
.body-left-image-3{margin-top:10px;margin-left:;overflow: hidden;width:60%;padding-bottom: 20px;}
.body-left-image-4{margin-top:30px;margin-left:10%;overflow: hidden;width:240px;padding-bottom: 20px;}

.consultation-image{width:60%;background:#000;display:block;overflow:hidden;margin-left:10%;margin-top:30px;}
.consultation-image img{ margin-left: 50%; transform: translateX(-50%);}

.instagram-feed{width:80%;margin-left:10%;background:#fff;padding:10px;margin-top:30px;}