
body {
	font-family: 'Open Sans', sans-serif;
	font-size: clamp(14px, 1.6vw, 32px);
	text-align: center;
	margin: 4px;
	/*background-color: #dfdede;
	
}
/*
body div {
	border: 3px solid red;
	border-radius: 3px;
*/
}
@media only screen and (max-width: 480px) {
	
	.service-photos img{
		
		max-width: 100%;
		object-fit: scale-down;
		position: relative;
		top: 0;
		left: 0;
	}
	.logo-style img {
		max-width: clamp(75px, 15vh, 30%);	
	}
	.pay-off-style {
		font-size: 12px;
		/*margin-top: 12px;*/
	}
	.mobile {
		width: 0;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.9);
		padding: 8% 2%;
		font-size: inherit;
		
		display: none;
		overflow-x: hidden;
		position: absolute;
		top: 0;
		left: 45.9%;
		z-index: 2;
		transition: 0.5s
	}
	.dismissBtn {
		display: block;
		height: auto;
		margin: 5px;
		font-size: 30px;
		font-weight: 500;
		color: white;
		position: absolute;
		top: 0.8%;
		left: 75%;
		z-index: 3;
		transition: 0.3s;
	}
	.dismissBtn:hover {
		cursor: pointer;
		color: red;
	}
	.mobile a {
		width: 30%;
		text-decoration: none;
		text-align: center;
		display: block;
		margin-top: 0.4em;
		margin-left: 20%;
		padding: 0.3rem 0.6rem;
		font-size: clamp(14px, 1.6vw, 20px);
		font-weight: 400;
		color: white;
		position: relative;
		top: 5%;
		left: 15px;
		z-index: 3;
		transition: 0.3s;
	}
	.mobile a:visited {
		color: white;
	}
	.mobile a:hover {
		border-bottom: 2px solid #860b0b;
	}
	.mobile a:active {
		background-color: #860b0b;
	}
	.share-btns {
		margin: 0 15% 0 15%;
		width: 13%;
		height: auto;
	
	}
	.whatsapp-icon {
	max-width: 75%;
	/*max-width: 1.5em;*/
	border-radius: 6.5px;
	vertical-align: -0.3em;
	
	}
	.wrapper-consent-banner {
	width: 94%;
	position: fixed;
	bottom: 20px;
	z-index: 100;
	margin-left: 0.58%;
	padding: 1.4em 0.3em;
	background-color: rgb(233, 235, 234);/*#e9e9bea*/
	box-shadow: 1.5px 3px #bfbfbf;
	display: inline-block;
	}
	.wrapper-consent-banner button {	
	background-color: #860b0b;
	margin-top: 0.7em;
	font-size: 1.2em;
	font-weight: 600;
	border-radius: 0.6em;
	padding: 0.3em 0.8em;
	color: rgb(233, 235, 234);
	/*box-shadow: 0.8px 1.2px rgb(233, 235, 234);*/
	cursor: pointer;
	}
	/*.share-footer-banner {
		margin: 0;
		position: fixed;
		bottom: 0;
		border: 1.5px solid red;
		background-color: #860b0b;
	}*/
}	
@media only screen and (min-width: 481px) {
	
	.service-photos img {
		
		max-width: 100%;
		object-fit: scale-down;
		position: relative;
		top: 0;
		left: 0;
	}
	.logo-style img {
		max-width: clamp(60px, 35vh, 40%);	
	}
	.dismiss-menu {
		display: none;
	}
	.nav-style .big-screen-menu {
		width: 10.5%;
		display: inline-block;
		background-color: rgba(128, 128, 128, 0.1);
		margin-top: 0.4em;
		margin-right: 1em;
		padding: 0.3rem 0.6rem;
		font-size: clamp(14px, 1.6vw, 20px);
		font-weight: 400;
	}
	.nav-style .big-screen-menu:link {
		color: #860b0b;
	}
	 a:visited {
		 color: black;
	}
	.nav-style .big-screen-menu:hover {
		border-bottom: 2px solid #860b0b;
	}
	.nav-style .big-screen-menu:active {
		background-color: gray;
		opacity: 0.4;
	}
	.share-btns {
		margin: 0 10% 0 10%;
		width: 20%;
		height: auto;
		
	}
	.whatsapp-icon {
	width: 36%;
	/*max-width: 1.5em;*/
	border-radius: 0.4em;
	vertical-align: -0.2em;
	
	}
	/*#whatsapp-icon-big_screen {
		display: none;
	}*/
	.wrapper-consent-banner {
	width: 94%;
	position: fixed;
	bottom: 20px;
	z-index: 100;
	margin-left: 2%;
	padding: 0.5em 0.3em;
	background-color: rgb(233, 235, 234);/*#e9e9bea*/
	box-shadow: 1.5px 3px #bfbfbf;
	display: inline-block;
	}
	.wrapper-consent-banner button {	
	background-color: #860b0b;
	margin-top: 0.5em;
	font-size: 1.2em;
	font-weight: 500;
	border-radius: 0.5em;
	padding: 0.3em 0.8em;
	color: rgb(233, 235, 234);
	/*box-shadow: 0.8px 1.2px rgb(233, 235, 234);*/
	cursor: pointer;
	}
}
	


.logo-style {
	margin-top: 0.7em;
	margin-left: 1em;
	text-align: left;
}

/*.logo-style img {
		max-width: clamp(75px, 15vh, 30%);	
}*/
/*.pay-off {
	position: relative;
}*/
.pay-off-style{
	margin-left: 0.5em;
	padding: 0.1em 0.35em;
	background-color: #860b0b;
	/*background-image: linear-gradient(90deg, #860b0b, #860b0b, #f9f9f9);*/
	font-size: clamp(12px, 1.4vw, 18px);
	text-align: left;
	color: white;
	/*
	position: absolute;
	bottom: -1.60vh;*/
}

.menu-style {
	width: clamp(60px, 20vw, 82px);
	border: 2px solid #860b0b;
	border-radius: 3px;
	margin-top: 1.2rem;
	padding: 0.25em 0;
	font-weight: 600;
	color: #860b0b;
	cursor: pointer;
}

.nav-style {

}

.banner-style {
	font-size: calc(1rem + 1.2vw);
	color: black;
	/*margin-top: 0.5em;*/
	padding: 0.5em 0.5em 0 0.5em;
	/*background-color: rgba(128, 128, 128, 0.1);
	border-bottom: 3px solid #d26c07;*/
}
.call-number {
	text-decoration: none;
	color:  #d26c07;
	cursor: pointer;
}
.banner-style span {
	font-size: calc(1.2rem + 1.5vw);
	font-weight: 700;
	color: #d26c07;
}
.service-style {
	padding: 1.5% 0 0 0;
	font-size: calc(0.8rem + 1vw);
	font-weight: 550;
}
/*Over cover and text for readability*/
.overlay {
	width: 99%;
	max-height: 99%;
	background-color: #860b0b;
	opacity: 0.4;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
.hero-text {
	
	width: 99%;
	max-height: 99%;
	font-size: 1rem;
	color: #d26c07;
	font-weight: 650;
	margin-top: 22%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
}
.spacer-style {
	height: 0.25em;
	width: 100%;
	margin: 1.5em 0;
	background-color: #860b0b;
	/*background-image: linear-gradient( 90deg, white, #860b0b, white);*/
}
#top-space {
	margin-top: 0;
}
.notice {
	font-size: 36px;
	color: #860b0b;
	font-weight: 650;	
}
.wrapper-share-style {
	margin-bottom: 1.5em;
	/*background-color: rgba(128, 128, 128, 0.1);*/
	background-image: linear-gradient( 90deg, white, rgba(128, 128, 128, 0.1), white);
	/*padding: 0.6rem 0;*/
	font-size: inherit;
}
.wrapper-share-style .share-btns {
	
	display: inline-block;
	/*border: 2px solid red;*/
	
	/*margin: 0 5% 0 5%;*/
}

.share-btns a {
	outline: none;
	text-decoration: none;
	padding: 0;
	color: blue;
}
.email-icon {
	font-size: 1.5em;
	font-weight: 450;
	vertical-align: -0.05em;
	
}
/*.whatsapp-btn {
	object-fit: scale-down;
	background-color: #1cbe43;
	border-radius: 5px;
	color: #fafafa;
}
*/
.chat-widget {

	position: fixed;
	right: 0;
	bottom: 100px;
	
}
.chat-widget a {
	text-decoration: none;
	cursor: pointer;
}
.consent-banner {
	display: none;
}
.wrapper-consent-banner p {
	color: #860b0b;
	font-size: 1.3em;
	font-weight: 450;
	margin: 0 0.2em;
	
}

.footer-style {
	background-color: #860b0b/*black - original footer colour*/;
	color: white/*#8669b0b original text color for footer */;
}
.application {
	width: 100%;
	font-size: /*1.45rem*/ clamp(22px, 2vw, 28px);
	line-height: 1.5em;
	font-weight: 600;
	margin-top: 1.3rem;
}
.application .area1, .area2 {
	width: 48%;
	display: inline-block;
	font-size: /*0.95rem*/ clamp(12px, 1.4vw, 18px);
	font-weight: normal;
	padding: 1rem 0;
	line-height: 1.6;
}
.action-line {
	font-size: 1.5rem;
	font-weight: 550;
	color: #d26c07;
}
.phone-icon {
	font-size: 1.5rem;
	font-weight: bold;
	color: #d26c07;
	
}
.sign-off {
	font-size: 18px;
	font-weight: 600;
}
.terms {
	font-size: 12px;
}