/* * {outline: none;} */

html {height: 100%;}
body {margin: 0%; padding: 0%; background: url('../img/background.png') repeat #94a4a5; -webkit-font-smoothing: antialiased; touch-action: manipulation; height: 100%; color: #495153; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 14px; line-height: 1.4; font-style: normal; font-weight: normal; border-radius: 0px 0px 0px 0px;}

/*  ROW  =============================================================================*/
.row {width: 72%; margin: 0% auto 0% auto; padding: 1% 4% 1% 4%; border-left: 1px solid #a39e93; border-right: 1px solid #a39e93; background-color: #fff;}



.row.top {padding: 3% 4% 1% 4%; }

/*  SECTIONS  =============================================================================*/
.section {clear: both; padding: 0px; margin: 0px;}


/*  GROUPING  =============================================================================*/
.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}

/*  GRID COLUMN SETUP   ====================================================================*/
.col {display: block; float:left; margin: 0% 0 0% 0%;}
.col:first-child {margin-left: 0%;}

/*  GRID OF ONE  =============================================================================*/
.span_1_of_1 {width: 100.00%;}

/*  GRID OF TWO  =============================================================================*/
.span_1_of_2 {width: 46.00%; padding: 1% 2% 0% 2%;}
.span_2_of_2 {width: 92.00%; padding: 2% 4% 0% 4%;}

/*  GRID OF THREE  =============================================================================*/
.span_1_of_3 {width: 31.00%; min-height: 150px; margin: 2% 0% 0% 0%; padding: 1%; text-align: center; border: 0px;}
.span_2_of_3 {width: 65.00%;}




/*  TEXT  =============================================================================*/
h1 {margin: 0% 0% 1% 0%; padding: 0%; font-weight: bold; font-size: 20px;}
h1 em {margin: -2px 0% 15px 0%; font-weight: normal; font-size: 16px; display: block;}

h2 {margin: 1.75% 0% 1% 0%; padding: 0%; font-weight: bold; font-size: 16px;}
h3 {margin: 0% 0% .75% 0%; padding: .5% 0% .5% 2%; font-weight: bold; font-size: 13px;}
h4 {margin: 0% 0% .5% 0%; padding: 0%; font-weight: bold; font-size: 12px;}

p {margin: 0% 0% 2% 0%; padding: 0%; font-size: 16px;}
span {margin: 0% 0% 2% 0%; padding: 0%; font-size: 16px;}

blockquote {margin: 4% 5% 3% 5%; padding: 0%; background: #e7e2e2;}

ol.terms_priv {margin: 2% 0% 2.0% 3%; padding: 0%;}
ol.terms_priv li {margin: 0% 0% 0.25% 0%; padding: 0% 0% 0.25% 0%; font-size: 16px; font-weight: bold;}
ol.terms_priv li span {font-weight: normal;}

ul.nested {margin: 1% 0% 2.75% 5%;}
ul.nested li {margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; font-weight: normal; font-size: 16px;}

a {text-decoration: underline; color: #495153;}
a:hover {text-decoration: none;}

hr {background-color: #fff; border-top: 1px solid #dfdfde; display: block; margin: 0.00% auto 0.00% auto;}

.containerHeadshot {width: 200px; height: 240px; margin: 0px 0px 25px 30px; padding: 2px; border: 1px solid #a094a5; border-radius: 3px; float: right;}
.headshot {width: 100%; height: 100%; background-image: url('../img/headshotTreasa.png'); background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}

ul.bioTopic {margin: 2% 0% 0% 12%; padding: 0%;}
ul.bioTopic li {margin: 0% 0% .5% 0%; font-size: 13px; line-height: 1.25;}









/*  FOOTER  =============================================================================*/
footer {width: 90%; margin: 0% auto 0% auto; padding: 2.75% 5% 2.75% 5%; background-color: #a094a5; text-align: center; color: #ffffff; font-size: 10px;}
footer p {font-size: 10px;}

.copy {font-size: 10px; color: #ffffff;}

a.footer {text-decoration: underline; color: #fff;}
a.footer:hover {text-decoration: none;}

.displayW {color: #fff;}
.displayB {color: #000;}

footer span {position: relative; bottom: 0px;}

#top {padding: 3%; position: fixed; bottom: 4%; right: 6%; background-image: url('../img/iconUp.png'); background-position: 0% 0%; background-repeat: no-repeat; background-size: 100%; text-decoration: none; display: none; opacity: .75; cursor: pointer;}

#top:hover {opacity: .5;}

br.on660 {display: none;}
br.on600 {display: none;}






/*  BEGIN RESPONSIVE  =============================================================================*/
/* 1600px */
@media only screen and (max-width: 1600px) {
}


/* 1560px */
@media only screen and (max-width: 1560px) {
}


/* 1380px */
@media only screen and (max-width: 1380px) {
}


/* 1260px */
@media only screen and (max-width: 1260px) {
}


/* 1090px */
@media only screen and (max-width: 1090px) {
hr {margin: 1.00% auto 1.75% auto;}
}


/* 1060px */
@media only screen and (max-width: 1060px) {
}


/* 960px */
@media only screen and (max-width: 960px) {
}

/* 860px */
@media only screen and (max-width: 860px) {
}


/*  840px  =============================================================================*/
@media only screen and (max-width: 840px) {
h1 {margin: 1.5% 0% 2% 0%; font-size: 18px;}
h2 {margin: 4% 0% 1% 0%; font-size: 14px;}
h3 {margin: 4% 0% 1.25% 0%; font-size: 12px;}
h4 {margin: 0% 0% 1.25% 0%; font-size: 11px;}

p {margin: 0% 0% 3% 0%; font-size: 13px;}
span {margin: 0% 0% 0% 0%; font-size: 13px;}

.containerHeadshot {width: 150px; height: 175px; margin: 0px 0px 25px 30px;}
.headshot {width: 100%; height: 100%;}

ol.terms_priv {margin: 4% 0% 2.0% 3%; padding: 0%;}
ol.terms_priv li {margin: 0% 0% 0.25% 0%; padding: 0% 0% 0.25% 0%; font-size: 13px;}
ol.terms_priv li span {}

ul.nested {margin: 2% 0% 2.75% 5%;}
ul.nested li {margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; font-size: 13px;}

footer {width: 80%; padding: 4% 10% 1% 10%; font-size: 11px;}
.copy {font-size: 11px;}
}


/* 760px */
@media only screen and (max-width: 760px) {
}

/* 680px */
@media only screen and (max-width: 680px) {
}


/*  660px  =============================================================================*/
@media only screen and (max-width: 660px) {
h3 {margin: 0% 0% 0% 0%; font-size: 12px;}
br.on660 {display: block;}
.containerHeadshot {width: 200px; height: 240px; margin: 5% auto 5% auto; float: none;}
.headshot {width: 100%; height: 100%;}
}


/*  600px  =============================================================================*/
@media only screen and (max-width: 600px) {
br.on600 {display: block;}
div.bioTopic {width: 100%; min-height: 0; padding: 0% 0% 5% 0%; float: none;}
}



/*  520px  =============================================================================*/
@media only screen and (max-width: 520px) {
}


/*  480px  =============================================================================*/
@media only screen and (max-width: 480px) {

body {background-image: none; background-color: #fff;}

.row {width: 90%; margin: 0% auto 0% auto; padding: 2% 5% 2% 5%; border: 0px;}

.row.top {padding: 3% 5% 1% 5%;}

hr {margin: 0.00% auto 0.00% auto;}

h1 {margin: 2.5% 0% 2% 0%; font-size: 16px;}
h2 {margin: 6% 0% 1% 0%; font-size: 14px;}
h3 {margin: 0% 0% 0% 0%; font-size: 12px;}
h4 {margin: 0% 0% 1.25% 0%; font-size: 10px;}

p {margin: 0% 0% 3% 0%; font-size: 12px;}
span {margin: 0% 0% 0% 0%; font-size: 12px;}

.containerHeadshot {width: 200px; height: 240px; margin: 10% auto 10% auto; float: none;}

ol.terms_priv {margin: 6% 0% 2.0% 3%; padding: 0%;}
ol.terms_priv li {margin: 0% 0% 0.25% 0%; padding: 0% 0% 0.25% 0%; font-size: 12px;}
ol.terms_priv li span {font-weight: normal;}

ul.nested {margin: 4% 0% 2.75% 5%;}
ul.nested li {margin: 0% 0% 0% 0%; font-size: 12px;}

footer {font-size: 10px;}
.copy {font-size: 10px;}

#top {padding: 8%;}


}