/* ------------------------------------- */
/*									     */
/*      	   Neon CMS		             */
/*     Copyright 2019 - Neon Otter       */
/* 			   Version 5 			     */
/* 									     */
/* ------------------------------------- */

/* All code contained within this file is Copyright Neon Otter.	*/ 
/* You must not change any code within this file.				*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* -------------- Basic Sitewide settings ------------- */
body {background:#e3e3e3; font-family: 'Assistant','Roboto', sans-serif;font-size: 16px; color:#4a4a4a; padding:0; margin:0;}
body, html {
    overflow-x: hidden;
}
h1 { font-family: 'Gugi', cursive; }
h2 { font-size:20px; font-family: 'Gugi', cursive; margin: 0px;}
h3 { }
p{}

h1, h2, h3, h4, h5, h6 {
    line-height: normal;
    word-wrap: break-word;
}

:root {
  --neon-orange:      	#FF5F01;
  --neon-yellow:	  	#FFCC00;
  --neon-off-yellow:	#FFE379;
  --neon-red:		  	#CE0000;
  --red-hover:			#FF0000;
  --neon-pink:        	#FE1C80;
  --pink-hover:			#CE0000;
  --neon-blue:        	#00A9FE;
  --neon-off-blue:		#6FC9F7;
  --blue-hover:			#120052;
  --neon-purple:      	#8E00EF;
  --neon-dark-purple: 	#560A86;
  --neon-off-drk-ppl:	#7D17C3;
  --drk-ppl-hover:		#8E00EF;
  --neon-dark-blue:   	#120052;
  --drk-blue-hover:		#00A9FE;
  --warning:		  	#FF0000;
  --off-white:			#EEEEEE;
  --post-grey:			#D8D8D8;
  --tag-grey:			#bcbcbc;
  --post-dark-grey:		#888888;
  --off-black:			#4a4a4a;
  --header-height:		470px;  
}

a{text-decoration:none; color:var(--off-black);}
a:visited{text-decoration:none}
a:hover{text-decoration:none; color: var(--neon-pink);}

.pinkbg{background-color:var(--neon-pink); color:#FFFFFF;} 
.orangebg{background-color:var(--neon-orange); color:#FFFFFF;} 
.redbg{background-color:var(--neon-red); color:#FFFFFF;} 
.bluebg{background-color:var(--neon-blue); color:#FFFFFF;} 
.pplbg{background-color:var(--neon-purple); color:#FFFFFF;} 
.navybg{background-color:var(--neon-dark-blue); color:#FFFFFF;} 
.whitebg{background-color: #ffffff; color:var(--neon-dark-blue); }


.pinktxt{color:var(--neon-pink);}
.orangetxt{color:var(--neon-orange);}
.bluetxt{color:var(--neon-blue);}
.ppltxt{color:var(--neon-purple);}
.navytxt{color:var(--neon-dark-blue);}
.redtxt{color:var(--neon-red);}

.debug{ background:#FFCCCC;border:solid var(--warning) 1px;padding:10px;margin:10px;width:90%;font-family:"OCR A Extended", Arial, sansSerif;color:#ff0000;}
.warning{ color:var(--warning);}
.clear { clear:left; display: block; }
.btn-primary{border: none;   font-family: 'Assistant','Roboto', sans-serif;font-size:20px; padding: 10px 30px;    background: #ffffff42;    color: #fff;    margin: 10px;}
.btn-neg{float: left; font-size: 22px;padding: 10px 20px; background-color:var(--neon-dark-purple) ;    color:#FFFFFF; font-family: 'Assistant','Roboto', sans-serif; border:none; margin-top:20px; margin-right:20px;}
.fullwidth{width:100%;display:block;float:left;}

#subsect-inner .form-terms {font-size: 11px; float: left;}
#subsect-inner .form-terms a{color:var(--post-grey);}
#subsect-inner .form-terms a:visited{color:var(--post-grey);}
#subsect-inner .form-terms a:hover{color:var(--neon-pink);}


/* --- Button Style Code --- */
.button a{ float:left; position:relative;	padding: 10px 30px;	background-color: var(--off-white); text-aling:center;	text-decoration: none;	letter-spacing: 2px;	font-size: 20px;	transition: 0.5s;}
.button a:hover{ background:#ffffff!important; transition-delay:0.5s;}
.button a:before { content:''; position:absolute; top:0; left:0; transition: 0.5s;}
.button a:after { content:''; position:absolute; bottom:0; right:0;	transition: 0.5s;}
.button a:hover:after {	height:99%;	width:99%;	box-shadow: 1px 1px 3px var(--neon-blue);}
.button a:hover:before {	height:99%;	width:99%;	box-shadow: -1px -1px 3px var(--neon-pink);}
.button {margin:10px 10px 10px 10px;}

#CON_HOME_ABOUT .button-wrapper .button a{ color: #ffffff;}
#CON_HOME_ABOUT .button-wrapper .button a:hover{ background:#FFFFFF;	color:var(--neon-blue);}
#CON_HOME_ABOUT .button-wrapper .button a:before {}
#CON_HOME_ABOUT .button-wrapper .button a:after {}
#CON_HOME_ABOUT .button-wrapper .button a:hover:after {box-shadow: 1px 1px 3px var(--neon-dark-purple);}

#CON_HOME_CMPGN .button-wrapper .button a{color: #ffffff!important;}
#CON_HOME_CMPGN .button-wrapper .button a:hover{background:#FFFFFF;	color:var(--neon-dark-purple);}
#CON_HOME_CMPGN .button-wrapper .button a:before {}
#CON_HOME_CMPGN .button-wrapper .button a:after {}
#CON_HOME_CMPGN .button-wrapper .button a:hover:after {}

#subsect-inner .pinkbg .button a{ color: #ffffff;}
#subsect-inner .pinkbg .button a:hover{	background:var(--neon-pink); color:#FFFFFF;}
#subsect-inner .pinkbg .button a:before {border-top: 2px solid #FFFFFF; border-left: 2px solid #ffffff;}
#subsect-inner .pinkbg .button a:after {}
#subsect-inner .pinkbg .button a:hover:before {}
#subsect-inner .pinkbg .button a:hover:after {}

#CON-SERVICES-MAIN .button { display: block; float: none; width: calc(100% - 102px);}

#fullwidth-top{background-color:#f8f8f8;}
#inside-top{width:100%; display: block; position: fixed;z-index: 10; height: 101px; background-color:#FFFFFF;}
#menu-container{width:calc(100% - 400px); margin:auto; 	display:grid; 	grid-template-columns: 220px 50px 370px auto 200px; grid-template-rows: 50px 25px 25px;	color: #1f1b24;}
#main-logo{	grid-column:1 / span 1; grid-row:1 / span 2;}

#main-logo img{width: 200px; padding:5px 10px 5px 10px;}
#sub-header{grid-column:1 / span 1; grid-row:3 / span 1;}
#sub-header h2{ font-size: 16px;    padding: 0px 0px 0px 0px;    color: #1f1b24; 	font-weight:100;	text-align:center;}
#header-contact{grid-column: 4 / span 2;    grid-row: 1 / span 1;    padding: 18px 18px 0px 0px;}
#header-contact p {    color: #1f1b24;    float: right;    padding: 0px 10px 0px 10px;    margin: 0px;}
#header-contact a:link{color:#1f1b24; text-decoration:none;}
#header-contact a:hover{color:var(--neon-pink);text-decoration:none;}
#header-contact a:visited{color:#1f1b24;}
#mobile-menu{float:left;visibility:hidden;}
#menu-container #NavDD{ }
#NavDD{grid-column:2 / span 4; grid-row:2 / span 2;  margin: auto; padding: 10px 0px 10px 0px;}
#NavDD ul{float:left; margin: 0px;    padding: 5px 0px 0px 0px;}
#NavDD ul li{list-style: none; float:left; padding: 0px 29px 0px 29px;}
#NavDD li a:link{color:var(--off-black); text-decoration:none;}
#NavDD li a:visited{color:var(--off-black); text-decoration:none;}
#NavDD li a:hover{color:var(--neon-pink); text-decoration:none;}
#L1M2{display:none;}
#L1M3{display:none;}
#header-fbshare{float:left;}

#content-containers{background-color:#ffffff; width:100%;float: left; padding-top: 101px;}
.single-col{padding: 20px; display: block; grid-column: 2;}

#subsect-inner{width:100%; margin:auto; background-color: #ffffff; display:grid; grid-template-rows:auto auto auto; grid-template-columns: 200px auto 200px;}
#subsect-inner h2{font-size:40px; text-align: center;}
#subsect-inner h3{font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: lighter;}
#subsect-inner p{font-size:18px; text-align: justify;}
#2cols {float:left; width:50%;}

#fullwidth-foot{float:left; width:100%; background-color:var(--neon-dark-purple);border-top:1px solid #ffffff;}
#inside-foot{    width: calc(100% - 400px); margin:auto; color:#ffffff;}
#inside-foot a:link{color:#ffffff;}
#inside-foot a:visited{color:#ffffff;}
#inside-foot a:hover{color:var(--neon-pink); text-shadow: 1px 1px 0px var(--neon-dark-purple); font-weight: bold; }

#footer{display:grid; grid-template-columns: 120px 80px auto; grid-template-rows: 100px 200px 35px;}
#footer-main{grid-column:1 / span 3; grid-row:2 / span 1; border-bottom: 1px solid white; margin-bottom: 10px; width: 100%; padding-left: 20px; padding-right: 20px; display:grid; grid-template-columns: 250px auto 400px; grid-template-rows: auto;}
#footer-logo{grid-column:1 / span 1; grid-row:1 / span 1;}
#footer-logo img{width:100px;}
#footer-social{width:100%; grid-column:1 / span 1; grid-row:1 / span 1;}
.social-icon{ padding-bottom: 10px; float: left; width: 100%;}
#footer-social .footer-icon{float:left; width:30px; margin-right:5px;font-size:26px;}
#footer-social p{float:left; width:calc(100% - 35px); padding: 5px 0px 0px 0px; margin: 0px;}

#footer-menu{width: calc(100%); grid-column:3; grid-row:1;}
#footer-menu #NavDD{}
#footer-menu #NavDD h2{	margin: 0px; padding: 0px;}
#footer-menu #NavDD #foot-menu-col1{width:50%; float:left;}
#footer-menu #NavDD ul{ float:right; margin: 0px;    padding: 0px;}
#footer-menu #NavDD #foot-menu-col2{width: 100%; float: left; padding-top: 15px;}
#footer-menu #NavDD li a:link{color:#ffffff; text-decoration:none;}
#footer-menu #NavDD li a:visited{color:#ffffff; text-decoration:none;}
#footer-menu #NavDD li a:hover{color:var(--neon-pink); text-shadow: 1px 1px 0px var(--neon-dark-purple); font-weight: bold;}

#footer-blog{grid-column:2; grid-row:1; padding:10px;}
#footer-blog .recent-posts{float:left; padding-right:20px;}
#footer-blog .recent-posts .recent-post{float:left; width:100%;}

#footer-menu #NavDD ul{	float:right; margin: 0px; padding: 0px;}
#footer-menu #NavDD li{	padding:0px 0px 0px 0px; width:100%;	float:left;}

#footer-top {grid-column:2 / span 2; grid-row:1 / span 1; margin-top: 20px; height: 56px; font-size: 36px; text-align: right; border-bottom: solid white 1px; padding-right: 10px;}
#footer-top a:link{}
#footer-top a:hover{}
#footer-top a:visited{}
#footer-copy{grid-column:1 / span 2; grid-row:3 / span 1; margin-top: 0px; font-size: 10px;}
#footer-siteby{	grid-column:3 / span 1; grid-row:3 / span 1;    margin-top: 0px;    font-size: 10px; text-align: right;}

#CON_HOME_INTRO{display: grid; grid-template-columns: 50% 50%; grid-template-rows: 400px 156px; grid-column: 1 / span 3;}
.CON_HOME_INTRO_IMG{grid-column:1 / span 1; grid-row:1 / span 2;  height: 100%; background-image: url("/images/home/abstract-neon-purple.jpg");background-position: center;background-size: cover; display: grid; grid-template-rows: auto calc(100% - 256px) auto; grid-template-columns: auto calc(100% - 600px) auto;}
.CON_HOME_INTRO_IMG .html-content{grid-row:2; grid-column:2; width:100%;}
.CON_HOME_INTRO_IMG .html-content img{width:inherit; filter: drop-shadow(2px 3px 2px #4788a2);z-index: -1;}
.CON_HOME_INTRO_TXT{ padding: 40px 200px 0px 40px; grid-column:2 / span 1; grid-row:1/1; background-color:#ffffff;}
.CON_HOME_INTRO_TXT .std-html{padding:40px; float:left;}
.CON_HOME_INTRO_TXT h2{color:var(--neon-pink); font-size:56px; font-weight: bold; margin-top: 50px; margin-bottom: 50px;}
.CON_HOME_INTRO_TXT a:link{color:var(--neon-pink);}
.CON_HOME_INTRO_TXT a:hover{color:var(--neon-pink);}
.CON_HOME_INTRO_TXT a:visited{color:var(--neon-pink);}
#CON_HOME_INTRO .button-wrapper{grid-column:2 / span 1; grid-row:2 / span 2;  background:#fff; padding:0px 40px 40px 40px;}

#CON_HOME_ABOUT{ display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto 100px; grid-column: 1 / span 3; }
.CON_HOME_ABOUT_IMG{grid-column:2 / span 1; grid-row:1 / span 2;background-image: url("/images/home/customer_centric.jpg");background-position: center;background-size: cover;}
.CON_HOME_ABOUT_IMG img{width:100%; height: 500px;}
.CON_HOME_ABOUT_TXT{padding: 40px 40px 0px 200px; grid-column:1 / span 1; grid-row:1/ span 1; background-color:var(--neon-blue); color:#ffffff; }
.CON_HOME_ABOUT_TXT .std-html{padding:40px; float:left;}
.CON_HOME_ABOUT_TXT h2{font-size:56px; font-weight: bold; margin-top: 50px; margin-bottom: 50px;}
.CON_HOME_ABOUT_TXT p{}
.CON_HOME_ABOUT_TXT a:link{color:#FFFFFF;}
.CON_HOME_ABOUT_TXT a:hover{color:#FFFFFF;}
.CON_HOME_ABOUT_TXT a:visited{color:#FFFFFF;}
#CON_HOME_ABOUT .button-wrapper{grid-column:1 / span 1; grid-row:2 / span 2;  background:var(--neon-blue); padding:0px 40px 40px 200px;}
#CON_HOME_ABOUT .button-wrapper a{background:var(--neon-off-blue); }

#CON_HOME_CAMPGN{grid-column: 1 / span 3; height:auto; display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto 100px; }
.CON_HOME_CAMPGN_IMG{grid-column:1 / span 1; grid-row:1/ span 2; background-image: url("/images/home/person-writing-on-notebook-669615.jpg");background-position: center;background-size: cover;}
.CON_HOME_CAMPGN_IMG img{width:100%; height: 500px;}
.CON_HOME_CAMPGN_TXT{padding: 40px 200px 0px 40px; grid-column:2 / span 1; grid-row:1/ span 1; background-color:var(--neon-dark-purple); color:#ffffff; }
.CON_HOME_CAMPGN_TXT .std-html{padding:40px; float:left;}
.CON_HOME_CAMPGN_TXT h2{font-size:56px; font-weight: bold; margin-top: 50px; margin-bottom: 50px;}
.CON_HOME_CAMPGN_TXT p{}
.CON_HOME_CAMPGN_TXT a:link{color:#FFFFFF;}
.CON_HOME_CAMPGN_TXT a:hover{color:#FFFFFF;}
.CON_HOME_CAMPGN_TXT a:visited{color:#FFFFFF;}
#CON_HOME_CAMPGN .button-wrapper{grid-column:2 / span 1; grid-row:2/ span 1; background-color:var(--neon-dark-purple); padding-left:40px;}
#CON_HOME_CAMPGN .button-wrapper a{ background-color:var(--neon-off-drk-ppl); color: #FFF;}
#CON_HOME_CAMPGN .button a:hover { background-color: #ffffff; transition-delay: 0.5s; color: var(--neon-dark-purple);}


#CON_HOME_CONTACT{grid-column: 1 / span 3; height:700px; display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto; }
.CON_HOME_CONTACT_IMG{grid-column:2 / span 1; grid-row:1/1; background-image: url("/images/home/hello-neon.jpg");background-position: center;background-size: cover;}
.CON_HOME_CONTACT_IMG img{width:100%; height: 100%;}
#CON_HOME_CONTACT_TXT{padding: 40px 40px 0px 200px; grid-column:1 / span 1; grid-row:1/1; background-color:var(--neon-pink); color:#ffffff; }
#CON_HOME_CONTACT_TXT .std-html{padding:40px 40px 0px 40px; float:left;}
#CON_HOME_CONTACT_TXT .contact-form{padding:0px 40px 40px 40px; float:left; width: -webkit-fill-available;}
#CON_HOME_CONTACT_TXT .contact-form p { margin: 20px 0px 4px 0px; }
#CON_HOME_CONTACT_TXT .contact-form .form-terms {font-size:10px;}
#CON_HOME_CONTACT_TXT .contact-form .form-terms a{color:#ffffff;}

.form-input{border-bottom:1px solid #fff; background:none; width: -webkit-fill-available;border-top: none; border-right: none;    border-left: none;	color: #fff;    font-size: 20px;    padding-left: 6px;}
.form-input_multi{border-bottom:1px solid #fff; background:none; width: -webkit-fill-available;border-top: none;    border-right: none;    border-left: none;color: #fff;    font-size: 15px;    padding-left: 6px;}
#CON_HOME_CONTACT_TXT .btn-primary{}

#CON-ABOUT-MAIN{background-color:var(--neon-blue); color:#ffffff; padding:40px 200px 40px 200px; grid-row:1; grid-column:1/span 3;}
#CON-ABOUT-Header{text-align:center;}
#CON-ABOUT-Header h2{margin: 0px; font-size:45px;}
#CON-ABOUT-Header h3{margin: 0px;}
#CON-ABOUT-image{text-align:center;}
#CON-ABOUT-image img{clip-path: circle(199px at center); margin-bottom:10px; margin-top:10px;}
#CON-ABOUT-desc{text-align:center;}
#CON-ABOUT-desc p{text-align:justify;}
#CON-ABOUT-MORE{background-color:#ffffff; color:var(--neon-pink); padding:40px 0px; grid-row:2; grid-column:2;}
#CON-ABOUT-MORE h2{color:var(--neon-pink); text-align:center;}
#CON-ABOUT-MORE p{color:var(--off-black); text-align:justify;}

#CON-ABOUT-CV{background-color:var(--neon-purple); color:#ffffff; padding:40px 200px 40px 200px;float: left; grid-row:3; grid-column:1/span 3;}
#CON-ABOUT-CV h2{margin: 0px;}
#CON-ABOUT-CV h3{margin: 0px;}
.CON-ABOUT-CV-TXT{text-align:center;}
#CON-ABOUT-ROLE{width:100%; float:left; padding-top: 20px;}
#CON-ABOUT-ROLE .html-content{width:100%; display: grid; grid-template-columns: 10px 60px 250px auto 10px;	grid-template-rows: 110px;}
.cv-icon{grid-column:2 / span 1; font-size: 40px;}
.cv-role{grid-column:3 / span 1;}
.cv-desc{grid-column:4 / span 1;}
.cv-desc p{margin:0px; padding:0px;}
#CON-ABOUT-CV .cv-role h3{ font-size: 19px; font-weight: bold;}

#CON-CONTACT-MAIN{ grid-column: 1 / span 3; background-color:var(--neon-dark-purple); color:#ffffff; text-align:center; display:grid; grid-template-columns: auto;	grid-template-rows: 300px 120px 450px;}
.CON-CONTACT-HEADER{grid-column:1/1; grid-row:1/ span 1; background-image: url("/images/home/hello_neon.jpg");background-position: center; background-size: 80%;}
.CON-CONTACT-BODY{grid-column:1/1; grid-row:2/ span 1; padding: 50px;}
.contact-form{grid-column:1/1; grid-row:3/ span 1; padding: 50px;}

#CON-SERVICES-MAIN{grid-row:2; grid-column:2; width:100%; display: grid; grid-template-columns: 100%;	grid-template-rows: auto auto auto auto auto auto auto auto;}
.CON-SERVICES-HEADER{grid-column:1/span 3; grid-row:1; background-color:var(--neon-dark-purple); background-image: url("/images/home/abstract-neon-purple.jpg");background-position: center;background-size: cover; display:grid; grid-template-rows: auto 50px auto; height: var(--header-height);}
.CON-SERVICES-HEADER .html-content{grid-row:2;}
.CON-SERVICES-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; width:100%; text-align:center; text-shadow: 2px 2px 4px var(--neon-dark-purple);}
#CON-SERVICES-MAIN h2{font-size: 30px; text-align:center; }
#CON-SERVICES-MAIN h3{text-align:center; }
#CON-SERVICES-MAIN p{ text-align: justify;}

.CON-SERV-DATA{grid-column:1 / span 1; grid-row:2/ span 1; text-align: left; padding: 20px;}
.CON-SERV-DATA h2{color:var(--neon-pink);}
#CON-SERV-DATA-COLS{grid-column:1 / span 1; grid-row:3/ span 1; display:grid; grid-template-columns: 33% 34% 33%; grid-template-rows:auto auto 90px;}
#CON-SERV-DATA-COLS h2{font-size:20px; text-align:center; color:var(--neon-pink);}
#CON-SERV-DATA-COLS .button-wrapper{grid-row:3; grid-column:2; display:grid; grid-template-columns: auto 180px auto; }
#CON-SERV-DATA-COLS .button-wrapper .button{ grid-column:2; width:100%;}
#CON-SERV-MARK-COLS .button-wrapper{grid-row:3; grid-column:2; display:grid; grid-template-columns: auto 180px auto; }
#CON-SERV-MARK-COLS .button-wrapper .button{ grid-column:2; width:100%;}
#CON-SERV-FREE-COLS .button-wrapper{grid-row:3; grid-column:2; display:grid; grid-template-columns: auto 180px auto; }
#CON-SERV-FREE-COLS .button-wrapper .button{ grid-column:2; width:100%;}


.CON-SERV-MARK{grid-column:1 / span 1; grid-row:4/ span 1; text-align: left; padding: 20px;}
.CON-SERV-MARK h2{color:var(--neon-blue);}
#CON-SERV-MARK-COLS{grid-column:1 / span 1; grid-row:5/ span 1; display:grid; grid-template-columns: 33% 34% 33%; grid-template-rows:auto auto 90px;}
#CON-SERV-MARK-COLS h2{font-size:20px; text-align:center;color:var(--neon-blue);}


.CON-SERV-FREE{grid-column:1 / span 1; grid-row:6/ span 1; text-align: left; padding: 20px;}
.CON-SERV-FREE h2{color:var(--neon-dark-purple);}
#CON-SERV-FREE-COLS{grid-column:1 / span 1; grid-row:7/ span 1; display:grid; grid-template-columns: 33% 34% 33%; grid-template-rows:auto auto 90px;}
#CON-SERV-FREE-COLS h2{font-size:20px; text-align:center; color:var(--neon-dark-purple);}

.CON-SERV-3COLS{}
.CON-SERV-3COLS .icon{grid-row:1/span 1;}
.CON-SERV-3COLS .button-wrapper{grid-row:3/span 1;}

.3cols-1{}
.3cols-2{}
.3cols-3{}

.ICON-1{grid-column:1/ span 1; grid-row:1/ span 1;text-align: center;font-size: 40px;}
.ICON-2{grid-column:2/ span 1; grid-row:1/ span 1;text-align: center;font-size: 40px;}
.ICON-3{grid-column:3/ span 1; grid-row:1/ span 1;text-align: center;font-size: 40px;}

.ICON-1 .html-content{display: block; background-color:var(--neon-pink); padding: 20px; border-radius: 50px; margin: auto; width: 80px; color: #fff;}
.ICON-2 .html-content{display: block; background-color:var(--neon-pink); padding: 20px; border-radius: 50px; margin: auto; width: 80px; color: #fff;}
.ICON-3 .html-content{display: block; background-color:var(--neon-pink); padding: 20px; border-radius: 50px; margin: auto; width: 80px; color: #fff;}

#CON-SERV-MARK-COLS .ICON-1 .html-content{background-color:var(--neon-blue);}
#CON-SERV-MARK-COLS .ICON-2 .html-content{background-color:var(--neon-blue);}
#CON-SERV-MARK-COLS .ICON-3 .html-content{background-color:var(--neon-blue);}

#CON-SERV-FREE-COLS .ICON-1 .html-content{background-color:var(--neon-dark-purple);}
#CON-SERV-FREE-COLS .ICON-2 .html-content{background-color:var(--neon-dark-purple);}
#CON-SERV-FREE-COLS .ICON-3 .html-content{background-color:var(--neon-dark-purple);}

.SERV-TEXT-1{grid-column:1/ span 1; grid-row:2/ span 1; padding: 20px;}
.SERV-TEXT-2{grid-column:2/ span 1; grid-row:2/ span 1; padding: 20px;}
.SERV-TEXT-3{grid-column:3/ span 1; grid-row:2/ span 1; padding: 20px;}
.SERV-BTN-1{grid-column:1/ span 1; grid-row:3/ span 1;}
.SERV-BTN-2{grid-column:2/ span 1; grid-row:3/ span 1;}
.SERV-BTN-3{grid-column:3/ span 1; grid-row:3/ span 1;}

.SERVICES-1{grid-column:1/ span 1; grid-row:8/ span 1; padding:20px}
.SERVICES-2{grid-column:1/ span 1; grid-row:8/ span 1; padding:20px}
.SERVICES-3{grid-column:1/ span 1; grid-row:8/ span 1; padding:20px}
.SERVICES-4{grid-column:1/ span 1; grid-row:8/ span 1; padding:20px}
.SERVICES-5{grid-column:1/ span 1; grid-row:8/ span 1; padding:20px}
.SERVICES-6{grid-column:1/ span 1; grid-row:8/ span 1; padding:20px}

#CON-SERV-3ROWS{width:100%; grid-column:2; grid-row:2; display: grid; grid-template-columns: 33% auto 33%;	grid-template-rows: auto auto 400px auto;}
#CON-SERV-3ROWS h2{font-size: 20px; text-align:center;}
#CON-SERV-3ROWS .CON-SERV-TEXT-SUBHEAD h2{font-size: 40px; color:var(--neon-dark-blue)}
#CON-SERV-3ROWS p{text-align: justify;}
#CON-SERV-3ROWS .button {text}
#CON-SERV-3ROWS img{max-width: 100%; margin-bottom: 20px;}

#CON-FREE-AUDIT{grid-column: 1 / span 3;width:100%; display: grid; grid-template-columns: 80px auto auto 80px;	grid-template-rows: auto auto auto auto;}

.CON-AUDIT-HEADER{grid-column:1 / span 4; grid-row:1;background-image: url("/images/home/magnify.jpg"); height:var(--header-height); background-position: center; background-size: cover;}
.CON-AUDIT-HEADER h2{font-size:50px!important;color: #FFFFFF; padding: 235px 20px; text-shadow: 2px 2px 4px #000000;}
.CON-AUDIT-INTRO{grid-column:2/span 2; grid-row:2;}
.URL-SUBMISSION{grid-column:2; grid-row:3 ; padding:20px; background-color:var(--off-white);}

#CON-FREE-AUDIT .URL-SUBMISSION h2{color: var(--neon-pink);}
#CON-FREE-AUDIT .contact-form{grid-column:3; grid-row:3 / span 1; padding:20px; background:var(--neon-purple); color:#ffffff;}
#CON-FREE-AUDIT .more-info-form{grid-row:3; grid-column: 2/span 2; background-color: var(--neon-purple); color: #FFFFFF; padding:20px;}

#CON-FREE-AUDIT .url_input{float: left; border-radius: 10px;    border: 2px #ffffff solid;    font-size: 20px;    padding: 8px;    background: none;    color: #ffffff!important;    width: 100%;    text-align: left;    font-family: 'Gugi', cursive;}
#CON-SERV-WEB{width:100%; display: grid; grid-template-columns: 33% auto 33%;	grid-template-rows: 300px auto 500px;}
#CON-SERV-WEB h2{font-size: 20px; text-align:center;}
#CON-SERV-WEB .CON-SERV-TEXT-SUBHEAD h2{font-size: 40px; color:var(--neon-dark-blue)}
#CON-SERV-WEB p{font-size: 14px; text-align: justify;}
#CON-SERV-WEB img{max-width: 70%; clip-path: circle(110px at center); margin-bottom:20px; margin-top:10px; margin-left:15%;margin-right:15%;}

.SERV-R3-C1{grid-column:1/ span 1; grid-row:3/ span 1; padding:20px}
.SERV-R3-C2{grid-column:2/ span 1; grid-row:3/ span 1; padding:20px}
.SERV-R3-C3{grid-column:3/ span 1; grid-row:3/ span 1; padding:20px}
.SERV-R4-C1{grid-column:1/ span 1; grid-row:4/ span 1; padding:20px}
.SERV-R4-C2{grid-column:2/ span 1; grid-row:4/ span 1; padding:20px}
.SERV-R4-C3{grid-column:3/ span 1; grid-row:4/ span 1; padding:20px}

.CON-SER-DATA-HEADER{grid-column:1/span 3; grid-row:1/ span 1;  background-image: url("/images/home/laptop_dark.jpg");height:var(--header-height); background-position: center;background-size: cover;}
.CON-SER-DATA-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; margin-top: 160px;}
.CON-SERV-TEXT-INTRO{grid-column:1/ span 3; grid-row:2/ span 1; padding:20px; background-color:var(--neon-dark-blue); color:#ffffff;}
.CON-SERV-TEXT-SUBHEAD{grid-column:1/ span 3; grid-row:2/ span 1; padding:20px; background-color:#FFFFFF;}
#CON-SERVICES-MAIN .CON-SERV-TEXT-INTRO h2{font-size: 40px;}
#CON-SERVICES-MAIN .CON-SERV-TEXT-SUBHEAD h2{font-size: 40px; color:var(--neon-dark-blue);}
.CON-SER-PROCESS-HEADER{grid-column:1/span 3; grid-row:1/ span 1;  background-image: url("/images/home/neon-change.jpg");background-position: center;background-size: cover;height:var(--header-height);}
.CON-SER-PROCESS-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; margin-top: 160px;}
.CON-SER-CAMPAIGN-HEADER{grid-column:1/span 3; grid-row:1/ span 1;  background-image: url("/images/home/neon-dark-blue.jpg");background-position: center;background-size: cover; height:var(--header-height);}
.CON-SER-CAMPAIGN-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; margin-top: 160px;}
.CON-SER-EMAIL-HEADER{grid-column:1/span 3; grid-row:1/ span 1;  background-image: url("/images/home/neon-building.jpg");background-position: center;background-size: cover;height:var(--header-height);}
.CON-SER-EMAIL-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; margin-top: 160px;}
.CON-SER-ANALYSIS-HEADER{grid-column:1/span 3; grid-row:1/ span 1;  background-image: url("/images/home/neon-flash.jpg");background-position: center;background-size: cover;height:var(--header-height);}
.CON-SER-ANALYSIS-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; margin-top: 160px;}
.CON-SER-WEBSITE-HEADER{grid-column:1/span 3; grid-row:1/ span 1;  background-image: url("/images/home/abstract-neon-red.jpg");background-position: center;background-size: cover;height:var(--header-height);}
.CON-SER-WEBSITE-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; margin-top: 160px;}
#CON-SER-READY{padding: 40px; width:100%; background-color:var(--neon-blue); color:#fff; display:grid; grid-template-columns: auto 1080px auto ;	grid-template-rows: auto auto}
.CON-SER-READY-TEXT{grid-column:2 ; grid-row: 1; padding:20px 20px 20px 20px; text-align:center;}
.CON-SER-READY-TEXT p{text-align:center!important; font-size:20px;}
.CON-SER-READY-TEXT h2{font-size: 30px;}
#CON-SER-READY-BUTTONS{grid-row:2; grid-column:2; display:grid; grid-template-columns: 33% auto 33%;}
#CON-SER-READY-BUTTONS .button-wrapper{display:grid; grid-template-columns:auto 280px auto; grid-template-rows:auto 40px auto;}
#CON-SER-READY-BUTTONS .button{width:280px; display:inline-grid; grid-column: 2; grid-row:2; margin:0px; background-color:var(--neon-off-blue);}
#CON-SER-READY-BUTTONS .button a{color:var(--off-black); font-size:15px; text-align:center;background-color: transparent;}
#CON-SER-READY-BUTTONS .button a:before{width:0px;border-top:none; border-left:none;}
#CON-SER-READY-BUTTONS .button a:after{width:0px; border-bottom:none; border-right:none;}
#CON-SER-READY-BUTTONS .button .dark-purple{background-color:var(--neon-dark-purple); color:#ffffff;}

.CON-SER-FREE-HEADER{grid-column:1/span 3; grid-row:1/ span 1;  background-image: url("/images/home/neon-header-3colours.jpg");height:var(--header-height); background-position: center;background-size: cover;}
.CON-SER-FREE-HEADER h2{font-size: 50px!important; color: #FFFFFF; padding: 20px; margin-top: 160px;text-shadow: 2px 2px 4px #000000;}


#blog-post{grid-column: 2; display:grid; grid-template-columns: auto 300px;	grid-template-rows: auto;}
#blog-post .button{margin:30px; display:inline-block;}

#post-content{grid-column:1/span 1; grid-row:1/ span 1; background:#ffffff; padding:10px;}
#post-content h1{color:var(--neon-pink); font-size:30px; padding:10px; margin:0px;}
#post-content h2{color:var(--neon-pink); font-size:35px; padding:10px; margin:0px;}
#post-content h3{font-size:30px; padding:20px 0px 0px 0px; margin:0px;}
#post-content .post-list{	float: left;    text-align: center;}
#post-content .post-info{width:100%; float:left;padding:10px; color:var(--post-dark-grey);font-size:12px;}
#post-content .post-body{width:100%; float:left;padding:10px; font-size:20px;}
#post-content .post-share{width:100%; float:left;padding:10px;}
#post-content .post-cats{width:100%; float:left;padding:10px;}
#post-content .post-tags{width:100%; float:left;padding:10px;}
#post-content .post-prev{float:left;padding:10px;}
#post-content .post-next{float:right;padding:10px;}
#post-content p{padding-top: 10px; padding-bottom: 10px; margin: 0px; text-align: justify;}
#post-content img{max-width:100%;}
#subsect-inner #post-content .post-list .button a{ float:none; display:inline-block;}

#post-more{grid-column:2/span 1; grid-row:1/ span 1; background:white; padding:10px;}

#post-more .widget-title{font-size: 18px;
    position: relative;
    width: 100%;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 0 15px;}
#post-more .widget-title h3{font-size: 15px;
    float: none;
    padding: 10px 15px;
    margin: 0;
    font-style: italic;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 5;}
#post-more .widget-title:after{content: '';
    position: absolute;
    right: 0;
    bottom: 50%;
    height: 1px;
    background-color: #dddddd;
    left: 0;}

#post-more .tag-cloud a{float: left; margin:2px; border: solid 1px var(--post-grey); padding: 4px; background: var(--tag-grey); border-radius:5px; color:#ffffff;}
#post-more .tag-cloud a:visited{float: left; margin:2px; border: solid 1px var(--post-grey); padding: 4px; background: var(--tag-grey); border-radius:5px; color:#ffffff;}
#post-more .tag-cloud a:hover{float: left; margin:2px; border: solid 1px var(--neon-pink); padding: 4px; background: var(--neon-pink); border-radius:5px; color:#ffffff; transition:0.25s;}

#post-more .recent{}
#post-more .recent-post{float:left; margin-bottom:10px;}
#post-more .featured-image{float:left; width:90px; height: 70px; background-size:cover; background-position:center;}
#post-more .featured-image img{width:90px; height:70px;}
#post-more .post-title{float:left; width:calc(100% - 100px); color:var(--post-dark-grey); font-size:14px;padding-left:10px;}
#post-more .post-title a{font-size:15px; text-decoration:none;}
#post-more .post-date{padding-top:4px;float:left; width:calc(100% - 100px); font-size:11px; color:var(--post-dark-grey); font-style:italic; padding-left:10px;}


@media screen and (max-width: 1366px) {
/* Design for 1024 Screens, this will then work for screens 1024px upwards */
	#menu-container{width:calc(100% - 80px);}
	#subsect-inner{width:calc(100%);}
	#inside-foot{width:calc(100% - 100px); max-width:}
	.CON_HOME_INTRO_TXT{ padding: 40px 40px 0px 40px;}
	.CON_HOME_ABOUT_TXT{ padding: 40px 40px 0px 40px;}
	.CON_HOME_CAMPGN_TXT{ padding: 40px 40px 0px 40px;}
	#CON_HOME_CONTACT_TXT { padding: 40px 40px 0px 40px;}
	#CON_HOME_ABOUT .button-wrapper{padding:0px 40px 40px 40px;}
	.CON_HOME_INTRO_IMG{grid-template-columns: auto calc(100% - 400px) auto;}
	#subsect-inner{grid-template-columns: 80px auto 80px;}
	#CON-ABOUT-CV{padding:40px;}
	#CON-ABOUT-MAIN{padding:40px;}
	#CON-ABOUT-MORE{padding:40px;}

}

@media screen and (max-width: 1080px) {
/* Design for 1024 Screens, this will then work for screens 1024px upwards */
	#NavDD ul li {padding: 0px 25px 0px 25px;}
	#subsect-inner{grid-template-columns: 20px auto 20px;}
}

/* Design for 768px Screens, this will then work for screens 768px upwards */
@media screen and (max-width: 1023px){

  	#menu-container { width: calc(100% - 20px); grid-template-columns: 200px 280px auto 200px;	grid-template-rows: 75px 35px;}
	#sub-header h2 { font-size: 14px; }
	#main-logo { grid-row: 1 / span 1; }
	#main-logo img { width: 170px; }
	#mobile-menu { display: none; }
	#sub-header { grid-column: 1 / span 1;    grid-row: 2 / span 1; padding-top: 4px;}
	#header-contact { grid-column: 2 / span 3;}
	#subsect-inner { width: calc(100% - 20px);}
	.CON_HOME_INTRO_TXT h2 { font-size: 40px;}
	#subsect-inner p { font-size: 16px;}
	#menu-container #NavDD {grid-row: 2 / span 1; grid-column:2 / span 3; padding:0px;margin-top: 0px; }
	#menu-container #NavDD ul { margin: 0px; padding: 0px;}
	.CON_HOME_INTRO_IMG .html-content img {width: calc(80%); margin: 10px 10% 10px 10%;}
	#inside-top #NavDD ul li { font-size: 15px; padding: 5px 5px 0px 5px; }
	#CON-ABOUT-desc p { padding: 0px 0px 0px 0px; }
	#inside-foot { width: calc(100% - 20px);}
	#footer-top{}
	#footer-main{ width: inherit;}
	#footer-social { width: 300px;}
	#footer-menu { float: right;}
}

/* Screens 480px - 699px */
/*@media screen and (max-width: 699px)
{
	#menu-container{ width:calc(100% - 10px); display:grid; grid-template-columns: 170px auto; grid-template-rows: 60px 50px; }
	#sub-header{grid-column: 1 / span 1;    grid-row: 2 / span 1;}
	#header-contact{display:none;}
	#NavDD{grid-column:1 / span 2; grid-row:2 / span 1;}
	#menu-container #NavDD {grid-row: 1 / span 2; grid-column: 2 / span 1;}
	#header-contact{display:none;}
	#main-logo img { width: 150px; }
	#CON_HOME_INTRO { height: 340px; }
	#CON_HOME_INTRO_TXT .std-html {padding: 10px 10px 0px 10px;}
	#CON_HOME_INTRO_TXT h2 { font-size: 25px; margin: 10px 0px 10px 0px;}
	#CON_HOME_INTRO_TXT p { font-size: 13px;}
	#CON_HOME_ABOUT { height: 370px; }
	#CON_HOME_ABOUT_TXT .std-html {padding: 10px 10px 0px 10px;}
	#CON_HOME_ABOUT_TXT h2{ font-size: 25px; margin: 10px 0px 10px 0px;}
	#CON_HOME_ABOUT_TXT p { font-size: 13px;}	
	#CON_HOME_CONTACT_TXT h2{ font-size: 25px; margin: 10px 0px 10px 0px;}
	#CON_HOME_CONTACT_TXT p { font-size: 13px;}
	#CON_HOME_CONTACT_TXT .std-html {padding: 10px 10px 0px 10px;}
	#CON_HOME_ABOUT_IMG { background-size: contain; }
	#CON_HOME_CONTACT_TXT .contact-form { padding: 0px 10px 10px 10px;}
	
}


/*Main Mobile Display Settings - screens 414px to 479px*/
@media screen and (max-width: 699px){
	#subsect-inner {width: calc(100%);grid-template-columns: 10px auto 10px;}
	#inside-top{height:112px;}
	#inside-foot{width:calc(100%);}
	#header-contact{display:none;}
	#footer { grid-template-rows: 100px auto 35px; grid-template-columns:120px auto auto 80px;}
	#footer-logo {padding-left: 10px; grid-row:1; grid-column:1;}
	#footer-top{padding-right: 20px; grid-row:1; grid-column:2 / span 3;}
	#footer-main {grid-row:2; grid-column:1 / span 4; border-bottom:none; padding: 0px;grid-template-columns: auto; grid-template-rows: auto auto auto; margin-bottom:0px;}
	#footer-social {grid-row:3; grid-column:1;  width: calc(100% - 40px); padding: 20px; border-bottom: 1px solid #ffffff; margin-bottom: 10px;}
	#footer-blog{grid-row:2;grid-column:1; border-bottom: 1px solid #FFF; padding-top:20px; padding-bottom:20px;}
	#footer-blog .recent-post{margin-top:4px; margin-bottom:4px; }
	.social-icon { width: 33%;}
	.social-icon p{font-size:8px;} 
	#footer-social .footer-icon { width: 16px;    margin-right: 4px;    font-size: 18px;}
	#footer-menu {grid-row:1; grid-column:1; width: 100%;border-bottom: 1px solid #FFF; padding-bottom:20px}
	#footer-menu #NavDD { float: right; padding-left: 10px;}
	#footer-menu #NavDD #foot-menu-col1 { width: 50%; padding-bottom: 20px; padding-top: 10px;}
	#footer-copy { grid-row:3; grid-column:1/span 2; padding-left: 10px; }
	#footer-siteby { grid-row:3; grid-column:2/ span 2; padding-right: 10px; }
	#main-logo img {padding-left: 57px;}
	#menu-container{width:100%; padding:0px; display: grid; grid-template-columns: 10px 40px auto 200px auto 40px 20px;}
	#main-logo{grid-column: 4 / span 1; padding-top: 8px;}
	#main-logo img {padding: 0px; width: 180px; padding:10px}
	#menu-container #NavDD{visibility:hidden;display: none;}
	#sub-header { grid-column: 2 / span 5;    grid-row: 2 / span 1;    text-align: center;}
	#sub-header h2 { font-size: 20px;    margin: 0px;    padding: 0px; text-align:center; padding:0px; margin:0px;}
	#mobile-menu{ grid-column: 6 / span 1;visibility: visible; font-size: 35px; color: #1f1b24; float: none; padding-top: 30px; display: grid;}
	#mobile-menu a:link{color:#1f1b24;}
	#mobile-menu a:visited{color:#1f1b24;}
	#mobile-menu a:hover{color:var(--neon-pink);}
	#inside-foot{width:calc(100% - 10px);}
	.button-wrapper{width:100%; display:grid; grid-template-columns: auto 250px auto;}
	.button-wrapper .button{width: 100%; grid-column:2; margin:0px;}
	.button-wrapper .button a{width:100%; padding:10px 0px; text-align:center;}
	
	#CON_HOME_INTRO{ display: grid; grid-template-columns: 100%;	grid-template-rows: 250px auto auto; height: fit-content;}
	.CON_HOME_INTRO_IMG{grid-column: 1 / 1; grid-row: 1 / 1;}
	.CON_HOME_INTRO_IMG .html-content{display: grid; grid-template-columns: auto 200px auto;}
	.CON_HOME_INTRO_IMG .html-content img{width: calc(100% - 200px); grid-column: 2 / 2; }
	.CON_HOME_INTRO_TXT{grid-column: 1 / 1; grid-row: 2 / 2; padding:20px;}
	.CON_HOME_INTRO_TXT .std-html{ float:left;}
	#CON_HOME_INTRO .button-wrapper{grid-column:1; grid-row:3; }

	#subsect-inner .CON_HOME_INTRO_TXT h2{font-size:25px; margin:0px;}

	#CON_HOME_ABOUT{ display: grid; grid-template-columns: 100%;	grid-template-rows: 250px auto auto; height: fit-content;}
	.CON_HOME_ABOUT_IMG{grid-column: 1; grid-row: 1; background-position: center;background-size: cover;}
	.CON_HOME_ABOUT_IMG img{}
	.CON_HOME_ABOUT_TXT{grid-column: 1; grid-row: 2; padding:20px;}
	.CON_HOME_ABOUT_TXT .std-html{}
	#subsect-inner .CON_HOME_ABOUT_TXT h2{font-size:25px; margin: 0px;}
	#CON_HOME_ABOUT .button-wrapper{grid-column:1; grid-row:3; }

	
	#CON_HOME_CONTACT{display: grid; grid-template-columns: 100%;	grid-template-rows: 250px auto; height: fit-content;}
	.CON_HOME_CONTACT_IMG{grid-column: 1 / 1; grid-row: 1 / 1;   background-position: center;}
	.CON_HOME_CONTACT_IMG img{}
	#CON_HOME_CONTACT_TXT{grid-column: 1 / 1; grid-row: 2 / 2; padding:20px;}
	#CON_HOME_CONTACT_TXT .std-html{ padding:0px;}
	#CON_HOME_CONTACT_TXT h2{font-size:25px; margin: 0px;}
	#CON_HOME_CONTACT_TXT .contact-form {padding:0px;}
	
	#CON_HOME_CAMPGN{ display: grid; grid-template-columns: 100%; grid-template-rows: 250px auto auto; height: fit-content;}
	.CON_HOME_CAMPGN_IMG{grid-column: 1 / 1; grid-row: 1 / 1;  background-position: center;}
	.CON_HOME_CAMPGN_IMG img{}
	.CON_HOME_CAMPGN_TXT{grid-column: 1 / 1; grid-row: 2 / 2; padding:20px;}
	.CON_HOME_CAMPGN_TXT .std-html{}
	#subsect-inner .CON_HOME_CAMPGN_TXT h2{font-size:25px; margin: 0px;}
	#CON_HOME_CAMPGN .button-wrapper{grid-column:1; grid-row:3; padding:0px 40px 40px 40px }
	
	#CON-SERVICES-MAIN{width:100%; display: grid; grid-template-columns: 100%;	grid-template-rows: auto auto auto auto auto auto auto;}
	.CON-SERVICES-HEADER{}
	.SERVICES-1{grid-column:1/ span 1; grid-row:2/ span 1;}
	.SERVICES-2{grid-column:1/ span 1; grid-row:3/ span 1;}
	.SERVICES-3{grid-column:1/ span 1; grid-row:4/ span 1;}
	.SERVICES-4{grid-column:1/ span 1; grid-row:5/ span 1;}
	.SERVICES-5{grid-column:1/ span 1; grid-row:6/ span 1;}
	.SERVICES-6{grid-column:1/ span 1; grid-row:7/ span 1;}
	#CON-SERV-3ROWS{width:100%; display: grid; grid-template-columns: 100%;	grid-template-rows: auto auto auto auto auto;}
	
	#CON-SERV-WEB{width:100%; display: grid; grid-template-columns: 100%;	grid-template-rows: auto auto auto auto auto;}
	.CON-SER-WEBSITE-HEADER{grid-column:1/span 1; grid-row:1/ span 1;}
	.CON-SERV-TEXT-SUBHEAD{grid-column:1/ span 1; grid-row:2/ span 1;}
	.SERV-R3-C1{grid-column:1/ span 1; grid-row:3/ span 1; padding:20px}
	.SERV-R3-C2{grid-column:1/ span 1; grid-row:4/ span 1; padding:20px}
	.SERV-R3-C3{grid-column:1/ span 1; grid-row:5/ span 1; padding:20px}
	.SERV-R4-C1{grid-column:1/ span 1; grid-row:6/ span 1; padding:20px}
	.SERV-R4-C2{grid-column:1/ span 1; grid-row:7/ span 1; padding:20px}
	.SERV-R4-C3{grid-column:1/ span 1; grid-row:8/ span 1; padding:20px}

	
	#CON-ABOUT-image img { width:340px!important; clip-path: circle(165px at center);}
	#CON-ABOUT-desc p { padding: 0px 0px 0px 0px;}
	#CON-ABOUT-MAIN { padding: 30px; }
	#CON-ABOUT-CV { padding: 30px;}
	
	#CON-ABOUT-ROLE .html-content{grid-template-columns: 5px 60px auto 5px;	grid-template-rows: auto;}
	.cv-icon{grid-column:2 / span 1; grid-row: 1 / span 1; text-align:center; padding-top: 5px;}
	.cv-role{grid-column:3 / span 1; grid-row: 1 / span 1;}
	.cv-desc{grid-column:2 / span 2; grid-row: 2 / span 1;}
	
	#blog-post{grid-template-columns: auto;	grid-template-rows: auto auto;}
	#post-content{grid-column:1 / span 1; grid-row: 1 / span 1; padding:0px;}
	#post-more{grid-column:1 / span 1; grid-row: 2 / span 1;}
	
	#CON-SERV-DATA-COLS{grid-column:1 / span 1; grid-row:3/ span 1; display:grid; grid-template-columns: 100%; grid-template-rows:auto auto 60px auto auto 60px auto auto 60px;}
	#CON-SERV-MARK-COLS{grid-column:1 / span 1; grid-row:5/ span 1; display:grid; grid-template-columns: 100%; grid-template-rows:auto auto 60px auto auto 60px auto auto 60px;}
	#CON-SERV-FREE-COLS{grid-column:1 / span 1; grid-row:7/ span 1; display:grid; grid-template-columns: 100%; grid-template-rows:auto auto 60px auto auto 60px auto auto 60px;}
	.ICON-1{grid-column:1/ span 1; grid-row:1/ span 1;}
	.ICON-2{grid-column:1/ span 1; grid-row:4/ span 1;}
	.ICON-3{grid-column:1/ span 1; grid-row:7/ span 1;}
	.SERV-TEXT-1{grid-column:1/ span 1; grid-row:2/ span 1; padding: 20px;}
	.SERV-TEXT-2{grid-column:1/ span 1; grid-row:5/ span 1; padding: 20px;}
	.SERV-TEXT-3{grid-column:1/ span 1; grid-row:8/ span 1; padding: 20px;}
	.SERV-BTN-1{grid-column:1/ span 1; grid-row:3/ span 1;}
	.SERV-BTN-2{grid-column:1/ span 1; grid-row:6/ span 1;}
	.SERV-BTN-3{grid-column:1/ span 1; grid-row:9/ span 1;}
	#CON-SER-READY{padding:10px; grid-template-columns:auto; grid-template-rows: auto auto;}
	.CON-SER-READY-TEXT{grid-row:1; grid-column:1;}
	#CON-SER-READY-BUTTONS{grid-row:2; grid-column:1; grid-template-columns:auto; grid-template-rows:50px 50px 50px;}
	.CON-SERV-DATA{padding:20px 0px;}
	.CON-SERV-MARK{padding:20px 0px;}
	.CON-SERV-FREE{padding:20px 0px;}
	.SERV-TEXT-1{padding:20px 0px;}
	.SERV-TEXT-2{padding:20px 0px;}
	.SERV-TEXT-3{padding:20px 0px;}
	#CON-FREE-AUDIT {grid-template-columns: 10px auto 10px; grid-template-rows:auto auto auto auto auto;}
	.CON-AUDIT-HEADER {grid-column: 1 / span 3; grid-row:1; height:300px;}
	.CON-AUDIT-HEADER h2 { padding: 60px 20px;}
	.URL-SUBMISSION{grid-column:1/span 3; grid-row:3}
	.CON-AUDIT-INTRO{grid-column:2;grid-row:4}
	#CON-FREE-AUDIT .contact-form{grid-column:1/span 3;grid-row:2}
	.more-info-form{grid-column:1/span 3;grid-row:2}
}

/* Mobile Display Settings 375px - 413px */
@media screen and (max-width: 413px){
	#CON-ABOUT-image img { width: calc(100% - 20px)!important; clip-path: circle(calc(100% - 160px) at center);	}
	#CON-ABOUT-Header h2 { font-size: 35px; }
	#CON-ABOUT-Header h3 { font-size:22px;}
}

/* Mobile Display Settings 360px - 374px */
@media screen and (max-width: 374px) {

}

/* Mobile Display Settings  - 320px - 359px */
@media screen and (max-width: 359px) {

}