body, html {
background-color: #fafafa;
font-family: 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; letter-spacing: .3px; outline: none;} 
a:hover {color: #263D15; text-decoration: underline; letter-spacing: .3px; outline: none;}  
a:active {color: #263D15; text-decoration: none; letter-spacing: .3px; outline: none;}

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

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

.no-reac-link a:link {text-decoration: none; outline: none;}   
.no-reac-link a:visited {text-decoration: none; outline: none;} 
.no-reac-link a:hover {text-decoration: none; outline: none; letter-spacing: 0px;}  
.no-reac-link a:active {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;
border-bottom: 0px solid #0A0A09;
}/* 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: 33pt;
padding: 2em 10% .5em 10%;
text-align: center;
font-family: Arno Pro, serif;
line-height: 1.5em;
}/* 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: Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* desktop */
	
.testimonial-attribution {
color: #424242;
}
	
.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;
font-family: Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* desktop */

.testimonial {
	padding: 1em 15% 1em 15%;
	margin: 0 auto;
	font-size: 28px;
	width: 70%;
}/* desktop */

.sign-up {
margin: 0 auto;
width: 75%;
}

.call-to-action-button {
    font-family: Manrope;
	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 {
line-height: 40px;
padding-left: 1.5em;
padding-right: 1.40em;
font-size: 16pt;
}/* mobile */

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

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

#top-bar {
background-color: #fafafa;
padding: .4em 1em .8em .5em; 
width: auto;
border-bottom: 0px solid #0A0A09;
}/* 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;
background-position: top right;
overflow: hidden;
width: auto;
font-size: 31pt;
margin: 0 auto;
padding: 2.6em 1em 1.2em 1em;
text-align: center;
position: relative;
font-family: Arno Pro, serif;
line-height: 58px;
}/* 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: 40px;
font-size: 16pt;
list-style-type: square;
font-family: Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* mobile */

.testimonial {
	padding-top: 1.4em;
	padding-bottom: 1em;
	margin: 0 auto;
	font-size: 28px;
}/* mobile */

.sign-up {
background-color: transparent;
width: 85%;
margin: 0 auto;
}

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

}

/* --------------------------
heading styles
-------------------------- */


h1 {
background-color: transparent;
color: #263D15;
text-align: center;
font-size: 30pt;
margin-top: 1.75em;
margin-bottom: 0.5em;
padding: 0em 1em 0em 1em;
font-family: Arno Pro, Manrope, sans-serif;
font-weight: 400;
font-style: normal;
}

.h2-testimonial {
padding-bottom: 0;
margin-bottom: 0;
font-family: adobe-handwriting-ernie;
font-size: 28pt;
color: #263D15;
}

	@media screen and (min-width: 980px) {
h2 {
font-size: 22pt;
font-weight: normal;
margin: 0;
padding: 2.1% 15% 0 15%;
color: #0A0A09;
line-height: 40px;
font-family: Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* desktop */

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


h3 {
background-color: transparent;
text-align: center;
color: #263D15;
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 {
font-size: 25pt;
font-family: Arno Pro, Manrope, sans-serif;
font-weight: 400;
font-style: normal;
}/* mobile */

h2 {
font-size: 20pt;
margin: 0 auto;
padding: 30px;
font-weight: normal;
padding: 3.1% 1.2em 2.9% 1.2em;
color: #0A0A09;
line-height: 40px;
font-family: 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: 40px;
font-family: Calibri, Helvetica, Trebuchet MS, sans-serif;
}/* mobile */

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

	}


/* --------------------------
fonts
-------------------------- */

@font-face {
  font-family: Manrope;
  src: url('https://laurenines.com/fonts/Manrope-Regular.ttf');
}

@font-face {
  font-family: Jane Austen;
  src: url('https://laurenines.com/fonts/JANEAUST.TTF');
}

@font-face {
  font-family: Hijrnotes;
  src: url('https://laurenines.com/fonts/Hijrnotes.ttf');
}

@font-face {
  font-family: Vladimir Script;
  src: url('fonts/VLADIMIR.TTF');
}

@font-face {
  font-family: Mr Dafoe;
  src: url('https://laurenines.com/fonts/MrDafoe-Regular.ttf');
}
  
@font-face {
font-family: Arno Pro;
src: url('https://use.typekit.net/hea7ybl.css');
font-weight: normal;
  }

@font-face {
font-family: adobe-handwriting-ernie;
src: url('https://use.typekit.net/hea7ybl.css');
font-weight: normal;
  }  
  


/* --------------------------
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: #0A0A09; 
margin: 0;
padding: 2% 1% 1% 1%;
text-align: center;
font-size: 20px;
}

#menu-top-desktop {
background-color: transparent;
margin: 0 auto;
width: auto;
font-size: 16.5px;
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;
border-top: 0px solid #0A0A09;
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%;
border-top: 0px solid #0A0A09;
font-family: Manrope, sans-serif;
line-height: 30px;
}

.site-tagline-footer {
padding: 10px 7px 10px 9px;
border-bottom: 0px dotted #fafafa;
border-top: 0px dotted #fafafa;
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 {
line-height: 1.5;
border: 0px;
border-collapse:collapse;
margin: 0 auto;
width: 70%;
font-size: 14pt;
}
}

	@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: 16pt;
}
}

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

.summary-table-row-darker-color {
background-color: #263D15;
color: white;    
}

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

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


	@media screen and (min-width: 980px) {/* desktop */
#form {
color: 0a0a09;
margin: 0 auto;
width: 70%;
border: 0px solid #263d15;
font-size: 14pt;
line-height: 43px;
font-family: Calibri, Helvetica, Trebuchet MS, sans-serif;
}

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

.formheader {
background-color: transparent;
color: #263d15;
font-size: 19pt;
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: #263d15;
font-style: normal;
text-align: left;
vertical-align: middle;
font-family: Calibri, Helvetica, Trebuchet MS, sans-serif;
}

.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, Manrope, sans-serif;  
}
}
	@media screen and (max-width: 980px) { /* mobile */
#form {
color: 0a0a09;
margin: 0 auto;
width: 85%;
border: 0px solid #263d15;
font-size: 14pt;
line-height: 43px;
font-family: Calibri, Helvetica, Trebuchet MS, sans-serif;
}

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

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

.center {
text-align: center;
}