body, html {
background-color: #fafafa;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
border: 0;
margin: 0;
padding: 0;
color: #0A0A09;
}


/* --------------------------
link styles 
-------------------------- */

a:link {color: #263d15; text-decoration: underline; text-decoration-thickness: 0.1px; letter-spacing: .3px; outline: none;}   
a:visited {color: #263d15; text-decoration: none; outline: none;} 
a:hover {color: #263d15; text-decoration: underline; outline: none;}  
a:active {color: #263d15; text-decoration: none; outline: none;}

.menu-link a:link {color: #0A0A09; text-decoration: none; outline: none;}   
.menu-link a:visited {color: #0A0A09; text-decoration: none; outline: none;} 
.menu-link a:hover {color: #0A0A09; text-decoration: none; outline: none;}  
.menu-link a:active {color: #0A0A09; text-decoration: none; outline: none;}

.white-link a:link {color: white; text-decoration: none; outline: none;}   
.white-link a:visited {color: white; text-decoration: none; outline: none;} 
.white-link a:hover {color: white; text-decoration: underline; outline: none;}  
.white-link a:active {color: white; text-decoration: none; outline: none;}

.no-reac-link a:link {color: #0A0A09; text-decoration: none; outline: none;}   
.no-reac-link a:visited {color: #0A0A09; text-decoration: none; outline: none;} 
.no-reac-link a:hover {color: #0A0A09; text-decoration: none; outline: none;}  
.no-reac-link a:active {color: #0A0A09; text-decoration: none; outline: none;}


/* --------------------------
main styles 
-------------------------- */

	@media screen and (min-width: 980px) {

.hide-for-mobile {
visibility: visible;
}

.hide-for-desktop {
display: none;
}

#container {
background-color: #fafafa;
margin: 0 auto;
padding: 0;
width: 100%;
overflow: hidden;
min-width: 1000px;
}

#top-bar { 
background-color: #fafafa;
padding: .2em 2em 1em 2em; 
margin: 0 auto;
width: auto;
overflow: auto;
position: sticky; top: 0;
text-align: center;
z-index: 1;
}/* desktop */

#header-box-ancillary-pp { 
background-color: #fafafa;
color: #0A0A09;
background-repeat: no-repeat;
overflow: hidden;
width: auto;
margin: .9em 0 .1em 0;
font-size: 74pt;
font-weight: 600;
padding: 1em 15% .5em 15%;
text-align: center;
font-family: arno-pro, serif;
line-height: 96px;
}/* desktop */

#header-articles {
font-weight: normal;
background-color: #263D15;
background-repeat: no-repeat;
color: white;
overflow: hidden;
width: auto;
margin: 0 auto;
font-size: 30pt;
padding: .9em 10% .9em 10%;
text-align: center;
}

#main-content { 
background-color: #fafafa;
margin: 0 auto;
width: 100%;
padding-bottom: 5%;
padding-top: 1.5%;
}

p {
line-height: 40px;
padding: 0% 15% 0 15%;
font-size: 14pt;
list-style-type: square;
font-family: Manrope, Calibri, sans-serif;
}/* desktop */
	
.tests {
background-color: #fafafa;
padding: 5px 7px 5px 9px;
margin: auto 0px 5px 0px;
border-bottom: 2px dotted #424242;
border-top: 2px dotted #424242;
margin: 0 auto;
width: 70%;
}

ul {
line-height: 40px;
padding: 1% 15% 0 17.5%;
font-size: 14pt;
list-style-type: square;
}/* desktop */

.testimonial {
	padding: 1em 15% 1em 15%;
	margin: 0 auto;
	width: 70%;
}/* desktop */

.call-to-action-button {
    font-family: Manrope, serif;
	background-color: #6E1013;
	border-radius: 100px;
	padding: 15px 6px 15px 6px;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-size: 17px;
	width: 200px;
	text-decoration: none;
	}/* desktop */

}

	@media screen and (max-width: 980px) {	/* --- Start of mobile --- */
p {
padding-left: 1.5em;
padding-right: 1.40em;
font-size: 16pt;
line-height: 30pt;
font-family: Manrope, Calibri, sans-serif;
}/* mobile */

.hide-for-mobile {
display: none;
}

.hide-for-desktop {
visibility: visible;
}

#top-bar {
background-color: #fafafa;
padding: .4em 1em .8em .5em; 
width: auto;
}/* mobile */

#main-content {
background-color: #fafafa;
margin: 0 .5em 0 .5em;
margin: 0 auto;
padding: 1em 0 2em 0;
width: 100%;
}

#header-box-ancillary-pp {
background-color: #fafafa;
color: #0A0A09;
background-repeat: no-repeat;
overflow: hidden;
width: auto;
margin: .9em 0 .1em 0;
font-weight: 700;
padding: 1em 5% .5em 5%;
text-align: center;
font-family: arno-pro, serif;
font-size: 45pt;
line-height: 70px;
}/* mobile*/


#header-articles { 
	background-color: #6E1013;
	background-repeat: no-repeat;
	background-position: top right;
	color: white;
overflow: hidden;
width: auto;
font-size: 28pt;
margin: 0 auto;
padding: 1.5em 1em 1.5em 1em;
text-align: center;
}

ul {
padding: .5% 1em 0 1.5em;
margin: .5% .5em 0 1.5em;
list-style-type: square;
line-height: 30pt;
font-size: 16pt;
list-style-type: square;
font-family: Manrope, Calibri, sans-serif;
}/* mobile */

.testimonial {
	padding: 1.4em 5% 1em 5%;
	margin: 0 auto;
}/* mobile */

.call-to-action-button {
    font-family: Manrope, serif;
	background-color: #6E1013;
	border-radius: 100px;
	padding: 25px 28px 25px 28px;
	margin: 0 auto;
	text-align: center;
	color: white;
	font-size: 22px;
	width: 200px;
	}/* mobile */

}

/* --------------------------
general styles for both
-------------------------- */

.h2-testimonial {
margin-bottom: 0;
font-family: adobe-handwriting-ernie;
font-size: 33pt;
padding: 20px 0 0 0;
color: #444444;
font-weight: 100;
}

ul li::marker {
  color: #444444;
}

.index-h2 {
font-size: 23pt;
font-weight: normal;
margin: 0;
color: #444444;
line-height: 40px;
font-weight: 300;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
}

.index-h3 {
background-color: transparent;
text-align: center;
color: #444444;
font-size: 20pt;
font-family: adobe-handwriting-ernie, serif;
margin-top: .5em;
font-weight: normal;
letter-spacing: 0px;
}


	@media screen and (min-width: 980px) {
h1 {
background-color: transparent;
color: #444444;
text-align: center;
font-size: 37pt;
margin-top: 1.75em;
margin-bottom: 0.4em;
padding: 0em 1em 0em 1em;
font-family: Manrope, Calibri, sans-serif;
font-weight: 200;
font-style: normal;
}/* desktop */

h2 {
font-size: 23pt;
font-weight: normal;
margin: 0;
padding: 2.1% 15% 0 15%;
color: #444444;
line-height: 40px;
font-weight: 300;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* desktop */

.testimonial-attribution {
color: #0A0A09;
margin: 0;
padding: 2% 15% 2.1% 15%;
color: #0A0A09;
line-height: 54px;
font-size: 19pt;
font-weight: 400;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* desktop */

.call-out {
font-size: 16pt;
font-weight: normal;
margin: 0;
padding: 2.1% 15% 0 15%;
line-height: 40px;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* desktop */


h3 {
background-color: transparent;
text-align: center;
color: #444444;
font-size: 20pt;
font-family: adobe-handwriting-ernie, serif;
margin-top: .5em;
padding: 1% 15% 0 15%;
font-weight: normal;
letter-spacing: 0px;
}

	}
	@media screen and (max-width: 980px) {
	    
h1 {
background-color: transparent;
color: #444444;
text-align: center;
font-size: 27pt;
margin-top: 1.75em;
margin-bottom: 0.4em;
padding: 0em 1em 0em 1em;
font-family: Manrope, Calibri, sans-serif;
font-weight: 300;
font-style: normal;
}/* mobile */

h2 {
margin: 0 auto;
padding: 30px;
font-weight: normal;
padding: 1.4em 1.2em 2% 1.2em;
color: #444444;
line-height: 40px;
font-size: 21pt;
font-family: Manrope, Calibri, sans-serif;
}/* mobile */

.testimonial-attribution {
color: #0A0A09;
margin: 0;
padding: 2% 5% .2em 5%;
color: #0A0A09;
line-height: 40px;
font-size: 20pt;
font-weight: 400;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* mobile */

.call-out {
font-size: 19pt;
margin: 0 auto;
padding: 30px;
font-weight: normal;
padding: 3.1% 1.2em 2.9% 1.2em;
color: #0A0A09;
line-height: 32pt;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* mobile */

h3 {
background-color: transparent;
text-align: center;
color: #444444;
font-size: 20pt;
font-family: adobe-handwriting-ernie, Mr Dafoe, Antonio, Calibri;
margin: 1em 0 0 0;
padding: 3% 15% 0 15%;
font-weight: normal;
letter-spacing: 0px;
}/* mobile */

	}
	

/* --------------------------
navigation
-------------------------- */

.menu-mobile {
background-color: #fafafa;
font-family: Manrope, Calibri, Helvetica, Trebuchet MS, sans-serif;
margin: 0;
padding: 0px;
border-top: 0px solid #ebebeb;
text-align: center;
list-style: none;
font-weight: normal;
}

.menu-mobile li {
background-color: #fafafa;
color: #444444; 
margin: 0;
padding: 2% 1% 1% 1%;
text-align: center;
font-size: 17pt;
}

#menu-top-desktop {
background-color: transparent;
margin: 0 auto;
width: auto;
font-size: 17px;
font-family: Manrope, Antonio, Calibri;
font-weight: light;
list-style: none;
text-align: center;
padding-right: 30px;
padding-top: 20px;
}

/* --------------------------
footer
-------------------------- */

	@media screen and (min-width: 980px) {

#footer {
background-color: #6E1013;
color: white;
text-align: center;
clear: both;
padding: 3em 0 .5% 0;
height: 100%;
margin: 0 auto;
font-family: Manrope, sans-serif;
font-size: 13pt;
height: 100%;
}

        }

	@media screen and (max-width: 980px) {


#footer {
background-color: #6E1013;
color: white;
text-align: center;
clear: both;
margin: 0 auto;
margin-top: .6em;
padding: 3em 6% .5% 6%;
font-size: 14.5pt;
height: 100%;
font-family: Manrope, sans-serif;
line-height: 30px;
}

.site-tagline-footer {
padding: 10px 7px 10px 9px;
width: 90%;
line-height: 28px;
margin-top: 1.8em;
font-size: 14pt;
}

}



/* --------------------------
tables comparing services
-------------------------- */

	@media screen and (min-width: 980px) {
.target-services-summary-table {
border: 0px;
border-collapse:collapse;
margin: 0 auto;
width: 70%;
line-height: 40px;
font-size: 14pt;
font-family: Manrope, Calibri, sans-serif;
}
}

	@media screen and (max-width: 980px) {
.target-services-summary-table {
line-height: 1.5;
border: 0px;
border-collapse:collapse;
margin: 0 auto;
width: 89%;
font-size: 15pt;
}
}

.summary-table-top-line {
background-color: transparent;
font-weight: normal;
text-align: left;
}

td {
    padding-left: .9em;
}
.summary-table-row-darker-color {
background-color: #263D15;
color: white;
}

.summary-table-row-lighter-color {
background-color: #fafafa;   
}

/* --------------------------
forms
-------------------------- */

#form {
color: #0A0A09;
margin: 0 auto;
width: 70%;
font-size: 14pt;
line-height: 43px;
}

	@media screen and (max-width: 980px) {
#form {
width: 82%;
}
}

.asterisk {
color: #b32d00;
font-size: 12pt;
}

.formheader {
background-color: transparent;
color: #0A0A09;
font-size: 22pt;
font-style: normal;
text-align: left;
border: 0px;
padding: 0 0 60px 0;
margin: 0 0 60px 0;
font-family: arno-pro, serif;
}

.formradio {
background-color: transparent;
color: #0A0A09;
font-style: normal;
text-align: left;
vertical-align: middle;
}

.form-input-regular {
background-color: #ebebeb;
color: #0A0A09;
height: 35px;
width: 99%;
border: 1px solid #4f4f4f;
}
   .form-input-short {
    background-color: #ebebeb;
    color: #0A0A09;
    height: 35px;
    width: 40%;
    border: 1px solid #4f4f4f;
    }
   .form-input-big {
    background-color: #ebebeb;
    color: #0A0A09;
    width: 99%;
    border: 1px solid #4f4f4f;
    }

.form-radio-table {
width: 100%;
padding-left: 0;
margin-left: 0;
}

input, textarea {
font-size: 1em;
font-family: Calibri, Helvetica, san-serif;
}

#submit {
font-family: Manrope, sans-serif; 
font-size: 13pt;
}

#anti-spam-verification {
font-size: 12pt;
font-family: arno-pro, serif;  
}


/* --------------------------
misc
-------------------------- */

hr {
border-top: solid .5px; 
}

.mid-page-hr {
color: #263d15;
}

.center {
text-align: center;
}

}