body { font-family: 'Barlow', sans-serif; font-size: 16px; line-height: 1.8; margin: 0; color: #fff; background-color:#090f1d; }
	body.KMCMSeditor { padding: 20px; }

p { color: #fff; font-size: 16px; font-weight: 400;line-height:2; }

.logo {margin:30px 0 80px 0;}
	.logo p { text-transform: uppercase; letter-spacing:2px; }
.panel {text-align:center;}
	.panel.panel-left { border-right: solid 2px #0095db; }
.panel .region { font-size:88px;color:#fff;font-family:'Barlow Condensed';font-weight:900;text-transform:uppercase;letter-spacing:12px;margin-bottom:3px;line-height:1;}
	.panel h1 { color: #0095db; margin: 0 0 30px 0; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; }

.button { display: inline-block; padding: 12px; min-width:300px; border:solid 1px #0095db; background-color: #0095db; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; border-radius: 4px; transition: background-color 0.3s ease; margin-bottom:10px; }
.button:hover { background-color:transparent; }

@media(min-width:992px) and (max-width:1199px) {
	.panel .region { font-size: 68px; }
}


@media(min-width:768px) and (max-width:991px) {
	.panel .region { font-size: 58px; }
	.panel h1 { font-size: 16px; }
}

@media(max-width:767px) {
	.panel .region { font-size: 48px; }
	p {font-size:14px;}
	.panel { padding-bottom: 30px; }
	.panel.panel-left {border-right:none; border-bottom:solid 1px #0095db; margin-bottom:30px; }
}