body {font-family: Verdana;background-color: #000;}
h1,h2,h3,h4,h5,h6 {font-family: Verdana;}
p {line-height: 1.75;}

.home_layout{margin:0 auto;width:75%}
.site-heading {text-transform: uppercase;line-height:1;font-family: Verdana;background-color:#222;margin-bottom:0px;padding-bottom:7px;}
.site-heading .site-heading-lower {font-size: 50px;color: #fff;letter-spacing: 10px;}
.page-section {margin-top: 10px;margin-bottom: 10px;}
.section-heading {text-transform: uppercase;}
.section-heading .section-heading-upper {display: block;font-size: 1rem;font-weight: 800;}
.section-heading .section-heading-lower {display: block;font-size: 3rem;font-weight: 100;}

/* Nav */
#mainNav {background-color: #222;font-family: Verdana;padding:0 !important;}
#mainNav .navbar-brand {font-size: 18px;color: #ccc;margin:0 auto;}
#mainNav .navbar-nav .nav-item .nav-link {color: #ff3399;padding: 5px 5px;font-weight: 600;font-size: 16px;z-index: 2;position: relative;height: 35px;}
#mainNav .navbar-nav .nav-item.active .nav-link {color: #fff;text-decoration: none;font-weight: 600;background-color: #000;height: 35px;border-top: 1px solid #fff;}

.btn-xl {font-weight: 700;font-size: 0.8rem;padding-top: 1.5rem;padding-bottom: 1.5rem;padding-left: 2rem;padding-right: 2rem;}
.intro {position: relative;}
.cta {padding-top: 10px;padding-bottom: 10px;background-color: #eee;}
.cta .cta-inner {position: relative;padding: 3rem;margin: 0.5rem;background-color: rgba(255, 255, 255, 0.85);}
.cta .cta-inner:before {border-radius: 0.5rem;content: '';position: absolute;top: -0.5rem;bottom: -0.5rem;left: -0.5rem;right: -0.5rem;border: 0.25rem solid rgba(255, 255, 255, 0.85);}
.footer {background-color: #222;color:#ccc;padding:10px;font-size:14px;}
.text-primary {color: #e6a756 !important;}
.bg-primary {background-color: #e6a756 !important;}
.btn {box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1);}
.btn-primary {background-color: #222;border-color: #fff;color:#fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: #222;border-color: #fff;color:#fff;}
.font-weight-light {font-weight: 100 !important;}

/* resume */
#resume_layout{width:100%;}
#resume_layout h3{font-size:20px;color:#fff;font-weight:bold;}
.resume_headtext{text-align:center;color:#fff;font-size: 20px;}
.resume_headtext a{color:#fff;font-weight:bold;text-decoration: underline;}
.resume_headtext a:hover, .resume_headtext a:visited {color:white;font-weight:bold;text-decoration: underline;}
.resume_bodytext{font-size:14px;color:#fff;}
.resume_bodytext_add{font-size:14px;margin-top:-30px;font-style: italic;color:#fff;}
.table {margin: 0 0 20px 0;width: 100%;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);display: table;}
.cell {padding: 6px 12px;display: table-cell;color:#fff;font-size:14px;width:40%;} /* was: color:#000;  */
.review_row {display: table-row;background: #000;}/* was: background: #f6f6f6;  */
.review_row:nth-of-type(odd) {background: #000;} /* was: background: #f6f6f6;  */
.review_row.header {font-weight: 900;background:#eee;}/* was: background:#a791c5;  */
.review_row.header .cell {color:#000 !important;}/* was: background:#a791c5;  */
.review_row.green {background: #27ae60;}
.review_row.blue {background: #2980b9;}

/* review */
#reviews_layout h1{font-size:20px;color:#fff;font-weight:bold;}
#disclaimer { background-color: #f7f7f7; border: 1px dotted #999999; margin: 8px; padding: 10px; margin-bottom: -5px;max-width:100%; margin:0 auto;}
#disclaimer .review_box {color: #000000;font-size: 14px;font-family: Verdana;font-weight:bold;text-align:left;line-height: 20px;}
#disclaimer .review_for {color: #000000;font-size: 12px;font-weight:normal;}
#disclaimer a {color: #000000;font-size: 14px;font-weight:bold;text-decoration: underline;}

/* videos */
.box-item {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);background-color: #fff;margin-bottom: 10px;padding:5px;}
.box-item .box-item-content {background-color: #fff;padding:2px;}
.box-item .box-item-content a{color:#000;text-decoration: underline;}
.videos_indc{padding-bottom:10px;}
.videos_iframe{height:500px;max-height:500px;}
.page-section .video{max-width:70%;margin:0 auto;} 
.carousel-indicators li {height:20px;}
.box-item-content.video_title {font-size:12px;}

/* contact */
.psubhead {font-size: 14px;color: #000;font-weight:bold;}
.text-center {text-align:center}
.contact{margin:0 auto;width:100%;padding-bottom:10px;padding-top:10px;}
#contact_form {padding:0px 25px;}
.content-box.boxstyle-2.box-3.topsection{max-width:100%;margin:0 auto;margin-bottom:15px;}
.phead {font-size:14px;}
.psubhead {font-size:14px;color:#000;}
.pclinfo {color:#000;font-size:12px;text-align:center;}
.pclinfo a {color:#000;font-size:12px !important;text-align:center;}
.content-box.box-3 .box-item .box-item-content.boxalign{background-color: #fff;padding:10px;margin-top:-20px;}
.content-box.box-3 .box-item .box-item-content.boxalign2{background-color: #fff;padding-bottom:28px;margin-top:-20px;}
.cliimg{width:220px;max-width:250px;padding:10px;margin:0 auto;}
.cliimg2{width:150px;max-width:180px;padding:10px;margin:0 auto;}
.form_head {margin:0px;color:#000;}
#error{display:block;margin: 10px 0 10px 30px;border: 2px dotted red;padding:2px;width:92%;}
.error_msg{color:red;font-size:14px;padding-left:10px;}
#captcha_contain{text-align:center;margin-top:-15px;}
.zerogrid .wrap-col label.captcha_txt{color:#000;font-size:12px;}
.captcha_txt{color:#000;font-size:14px;}
.captcha_txt a{color:#000;font-size:12px;text-decoration: underline;}
#ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}
#ff input {display:block;width:100%;color:#111;font-family: Verdana;background-color:#F3F3F3;border:1px solid #ccc;padding:13px;margin: 5px 0 25px 0;font-size:14px;max-height:45px;}
textarea {display:block;width:100%;height:200px;background-color:#F3F3F3; color:#111;font-family: Verdana;font-size:14px;border:1px solid #ccc;padding:10px;margin: 5px 0 25px 0;}
#ff .sendButton {cursor:pointer;background-color:#ccc;width:35%;color:#000;border: none;font-weight:600;}
#ff .sendButton:hover {background-color:#ccc;color:#000;font-weight:600;}
.ty_text{text-align:center;font-size:20px;height:490px;margin:0 auto;}
.ty_text a{color:#000;text-decoration: underline;}
.ty_text a:hover, .ty_text a:visited{color:#000;text-decoration: underline;}
label{font-weight:bold;margin-bottom:0px;}
.contact_heading_txt{font-size:18px;}
.agency_logo{max-width:220px;}
.clear{clear:both;}
.photo_gal{max-height:600px;margin:0 auto;}

@media screen and (max-width: 320px) {
#mainNav .navbar-brand {font-size: 16px;}
.intro .intro-text {width:100%;}
}
@media screen and (max-width: 580px) {
.home_layout{margin:0 auto;width:100%;}
.table {display: block; margin: 0 0 10px 0;}
.review_row {padding: 14px 0 7px;display: block;}
.table .review_row {border-bottom:1px dotted #ccc;}
.table .review_row:first-child, .table .review_row:last-child  {border-bottom:1px dotted black;}
.review_row.header {padding: 0;height: 6px;border-bottom:none !important;}
.review_row.header .cell {display: none;}
.review_row .cell {margin-bottom: 10px;}
.review_row .cell:before {margin-bottom: 3px;content: attr(data-title);min-width: 98px;font-size: 10px;line-height: 10px;font-weight: bold;text-transform: uppercase;color: #fff;display: block;background:#000} /* was: color: #000; added background  */
.cell {padding: 2px 16px;display: block;}
.content-box.boxstyle-2.box-3{max-width:95%;margin:0 auto;margin-bottom:15px;} 
.zerogrid .row.video{max-width:100%;margin:0 auto;} 
.page-section .video{max-width:100%;margin:0 auto;} 
.zerogrid .row.home_main{width:98%;margin:0 auto;padding-bottom:10px;}  
}	
@media (min-width: 992px) {
.intro .intro-img {float: left;max-height:550px;}
.intro .intro-text {float: right;left: 0;position: absolute;}
.twitter_box {max-width:300px !important;display:inline-block;}
.intro .intro-text .intro-button {width: 100%;left: 0;position: absolute;bottom: -2rem;}
#mainNav .navbar-nav .nav-item .nav-link {font-size: 16px;}
#mainNav .navbar-nav .nav-item .nav-link:hover {color: #000;background-color: #ccc;}
#mainNav .navbar-nav .nav-item.active .nav-link:hover {color: #000;background-color: #ccc;}
}
@media (max-width: 1024px) {
.home_layout{margin:0 auto;width:85%}
}	
@media (min-width: 1200px) {
.intro .intro-text {width: 45%;}
}