@media screen and (max-width: 1280px){
.tab:hover {color:#ffeb00;
  background: rgba(255, 255, 255, 0.1);
}

.text, .tab {-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; transition:all ease 0.5s;}
/* .text:hover {color:#ffeb00;} */

.text span {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 14px;
}

.fa-lightbulb {
position:relative;  
top:2px;
  margin-right: 10px;
  font-size: 20px;
}
}

@media screen and (max-width: 1199px){
#about p {border:0 none;}
}

@media screen and (max-width: 1100px){
/* why care cta + modal */
.tab {display:none;}
}

@media screen and (max-width: 767px){
html, body {line-height:1.4;}
/* header section */
header, header .content, header .container, section .container {min-height:80vh;}
header .container .content, header .content .intro-heading {padding-left:15px; padding-right:15px;}
header .container .content {/* display:block; width:auto; */ min-height:0;}
#home .container {min-height:0; padding:0;}

.content .overlay-bg {min-width:0;}

#contact:before {position:absolute; background-attachment:scroll;}

.navbar-fixed-top {border-width:0;}
/* .navbar-default {background-color:#e3e3e3;} */
.navbar-brand {padding:7px 15px 5px;}
.navbar-default .navbar-brand img {top:0; right:0; max-height:35px; margin:8px 0 8px 15px;}

section, header, header .container {padding:0;}

#home {background:radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.2)), url("../images/bg-summit.jpg"); background-size: cover;}
header:before, header .content {background:0 none;}
 
header .content .intro-lead-in span {font-size:65px;}
header .content .intro-lead-in {font-size:38px;}
header .content .intro-heading {max-width:450px; font-size:30px; padding:40px 0;}
header .intro-text {max-width:430px; background-image:none; padding:140px 20px 20px;}
header .intro-text .intro-lead-in span {font-size:1.9em;}
header .intro-text .intro-lead-in {font-size:1.9em; color:#222f5f;}
header .intro-text .intro-heading {font-size:1.9em;}

h2.section-heading {font-size:28px!important;}

.btn-xl {opacity:0.9;}

/* kill animation */
.animated {animation-duration:0s;}
.fadeInUp, .fadeInLeft {animation-name:none;}

header, header .container, header .content, section .container {min-height:0;}

#about, #services, #expertise, #journalism {position:relative; padding:0;}
#about .container {max-height:none; padding:20px 30px 10px;}
#services .container, #expertise .container {padding:0;}
#about .bio-photo {width:60vh; top:0; margin: 35px auto 20px; float:none;}


#about h2.section-heading {margin-top:15vh;}
#services h2.section-heading, #clients h2.section-heading, #expertise h2.section-heading {margin-top:20vh;}
#journalism h2.section-heading {margin-top:20vh}
#contact .container h2.section-heading {margin-top:0;}

#services ul li, #expertise ul li {font-size:25px;}


#services {background-image:url("../images/bg-zion.jpg");}
#services .content .overlay-bg {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}
#services .content {margin:auto;}

ul.list {padding-left:20px;}
ul.list li {white-space:normal;}

#clients {background:linear-gradient(-41deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/texture-brushed.png") repeat; border-bottom: solid 5px #686d6d; padding-bottom:0;}
#clients .client-list {width:auto; margin-top:0;}
#clients .client-list .client-logo {display:block; padding:20px; border-bottom: dotted 1px #e3e3e3;}
#clients .client-list .client-logo:last-of-type {border-bottom:0;}
/* #clients h2.section-heading {color:#fff;} */

#expertise {background-image: url(../images/bg-italy.jpg);}
#expertise .content .overlay-bg {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}
#expertise .content {margin:auto;}

#journalism .article-container {margin:40px 0 30px; padding:0;}

/* section#contact {min-height:430px;} */
#contact:before {background:radial-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0)), url("../images/bg-lake.jpg") no-repeat; background-size: auto; background-position:right bottom;}
#contact .content {width:100%; background:0 none;}
#contact .content
{width:680px; height:90vh; min-height:570px;}
#contact .container {padding:0;}
#contact .col-lg-12 {padding:0;}
/* #contact .container .contact-data {width:100%;} */
#contact .container .contact-data p {margin-top:10px;}
#contact .container .content div {margin:30px auto 0; top: 50%; transform: perspective(1px) translateY(-50%);}

#contact .container .contact-data {background-color:rgba(255, 255, 255, 0.9); padding:20px 20px 10px;}

footer {padding: 10px 0 20px;}

/* COMMON ITEMS */
section h2.section-heading {font-size:2.1em; /* margin-bottom:20px; */}

#services ul, #expertise ul {margin-bottom:60px;}


.navbar-default .nav li a:hover, .navbar-default .nav li a:focus
{box-shadow:none;}

.navbar-nav>li>a
{padding-top:7px; padding-bottom:10px;}

}

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

ul.list {padding-left:10px;}
#services ul li, #expertise ul li {font-size:23px;}
#clients .client-logo img.max {max-height:60px;}
#clients .client-logo img.nmx {max-height:50px;}
#clients .client-logo img.mid {max-height:40px;}
#clients .client-logo img.min {max-height:30px;}


#contact .container .contact-data h2 {font-size:1.2em;}
#contact .container .contact-data h3 {font-size:1.2em;}
#contact .container .contact-data p {font-size:1.1em;}
}


.navbar
{margin-bottom:0;}

.navbar-default
{padding:5px 0 0; border:0; /* background-color:#fff; position:sticky; */ }

.navbar-default .navbar-brand
{font-size:2em; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s;}

.navbar-nav {margin:7.5px -15px}

.navbar-nav>li>a
{padding-top:7px; padding-bottom:5px;}

.navbar-default .navbar-nav>.active>a
{border-top-left-radius:7px; border-top-right-radius:7px; border-radius:0px;}

.navbar-default.navbar-shrink
{padding:20px 0; background-color:#fff;}

.navbar-default.navbar-shrink .navbar-brand
{font-size:1.5em;}
}