:root {
	--textColour:#0F172A;
	--mainColour:#0284C7;
	--mainColourH:#005B8A;
	--mainColourRGB:rgb(2, 132, 199);
	--mainColourRGBA7:rgba(2, 132, 199, 0.75);
	--mainColourRGBA8:rgba(2, 132, 199, 0.85);
	--mainColourHRGBA5:rgba(0, 91, 138, 0.5);
	--secondColourRGBA5:rgba(2, 132, 199, 0.5);
	--secondColour:#F59E0B;
	--secondColourH:#B8770A;
}
body {background:#F8FAFC; top:0 !important; width:90%; max-width:768px; margin:0 auto; font-family:"Open Sans", Arial, Verdana, Helvetica; font-size:16px; color:var(--textColour);}

*, *::before, *::after {box-sizing:border-box;}

#header, footer {float:left; width:100%;}

#logoC {float:left; width:100%;margin-bottom:20px; display:flex; justify-content:center; align-items:center;}
#logo {display:flex; flex-direction:column; justify-content:center; align-items:center; margin:5px 0;}
#logo img {width:100%; height:auto; max-width:202px}
#logo h1 {color:var(--textColour); font-size:10px; margin:0; white-space:nowrap;}

h1, h2, h3, h4, h5, h6 {color:var(--textColour); font-size:26px; font-family:"Plus Jakarta Sans"; font-weight:800; margin:5px 0 10px; text-decoration:none;}

#agentsSliderContainer, #agentsSlider {float:left; width:100%;}
#agentsSliderContainer {margin:40px 0;}
.sliderLogo {float:left; max-width:350px; position:relative; margin:0 15px; border-radius:8px; overflow:hidden;}
.sliderLogo img {float:left; width:100%; height:auto;}
.sliderLogo span {text-align:center; font-weight:600; color:#FFF;}
.logoPillC {position:absolute; bottom:5px; left:0; height:50px; width:100%; display:flex; justify-content:center; align-items:center;}
.logoPill {background:rgba(15, 23, 42,0.4); color:#FFF; padding:8px 20px; border:2px solid rgba(15, 23, 42,0.25); border-radius:18px;}
.sliderLogo a {float:left; width:100%; color:#FFF;}

#signupContainer {float:left; background:#FFF; width:100%; text-align:center; padding:10px; border:1px solid #CCC; border-radius:8px;}
.signupBtn {background:var(--secondColour); color:#FFF; font-size:1.4em; font-weight:600; padding:20px 40px; text-decoration:none; display:inline-block; border-radius:10px; border:1px solid rgba(0,0,0,0.5);}
.signupBtn:hover {background:var(--textColour); color:#FFF;}

footer {font-size:12px; text-align:center; margin-top:40px; padding:15px 0;}

a {color:var(--mainColour); text-decoration:none; transition-duration:0.5s;}
a:hover {color:var(--secondColour); text-decoration:none;}