/* @font-face {
  font-family: 'graphik web';
  src: url("https://www.kermitpannell.com/kdp/font-graphik/GraphikThin.otf");
} */

/* @font-face {
  font-family: 'agdasima web';
  src: url("https://www.kermitpannell.com/kdp/font-agdasima/Agdasima-Regular.ttf");
} */
/* .background-blur {
  opacity: .9;
background-color: #FFF;
backdrop-filter: blur(1000px);
filter:blur(3000px)
} */

body {
  font-family:'helvetica';
  /* font-family: 'graphik medium', 'helvetica'; */
  /* font-family: https://www.kermitpannell.com/kdp/uiux/infotainment_ui.png; */
  min-width: 290px;
  overflow-x: auto;
  /* padding: 0 10px 20px 10px; */
}
body .container {
  width: 100%;
  margin: 0;
  padding: 0!important;
}
body .row {
  margin-right: 0!important;
  margin-left: 0!important;
  /* padding: 0 20px; */
  /* color: #808080; */
  text-align: left;
}
hr {
  border-top: none!important;
  border-bottom: 1px solid #808080!important;
  margin: 20px 200px 20px 200px!important;
  /* width: 100%; */
}
hr.nav-rule {
  top: 118px;
    position: sticky;
    width: 93%;
    z-index: 1000;
    background-color: #fff;
    fill: #fff;
    height: 20px;
}
h1 {
  font-weight: 600 !important;
  font-size: 2.8rem;
  padding-top: 5px;
  margin-top: 0px;
}
/* h2 span {
  font-size: 1rem;
  font-weight: 700;
  padding: 4px 0;
} */
h2 {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 10px;
}
h3 {
  /* font-family: 'Agdasima', 'helvetica'; */
  font-size: 2.4rem ;
  padding: 10px 200px;
  /* margin-left: 20px; */
}
h4 {
  font-size: 2rem ;
  padding: 0px 200px;
}
h5 {
  font-size: 2rem;
  width: 120px;
}
b {
  font-weight: 800;
}
.spacer {
  display:flex;
  height:3vh;
  width: 100%;
  padding: 20px 0;
}
a,
a:visited,
a:active {
  color: #828282;
  text-decoration: none;
  /* text-decoration: none !important; */
  font-size: 14px;
}
a:hover {
  color:#000;
}
.border-top {
  /* border-top: 1px dotted #808080; */
  padding-top: 20px;
}
.display-order{
  display: flex;
  flex-flow: inherit;
}
#order-1 {
  order: 1;
}
#order-2 {
  order: 2;
}
#order-img-left {
  order: 0;
}
#order-text-right {
  order: 1;
}
.header-logo {
  background-color: #FFF;
}

.nav-centered {
  display:flex;
  justify-content: left;
  text-align: left;
}

a.external:after {
  content: none;
}
figcaption {
  /* font-family: 'Agdasima'; */
  font-size: 2.5rem;
  margin: 0  0 20px 20px;
  text-align: center;
}
label {
  display:block;
  font-weight: 400 ;
  font-size: 1.5vw ;
  padding: 0 20px;
  margin-bottom: 35px ;
  line-height: 24px ;
}
.img-label {
  display:block;
  font-weight: 400 ;
  font-size: 1rem ;
  margin-bottom: 30px ;
  margin-left: 20px;
}
.link-label {
  display:block;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 1rem!important;
  font-style: italic;
}
.client-label {
  display:block;
  font-weight: 800 ;
  font-size: 1.5rem!important ;
  margin-bottom: 10px ;
  margin-left: 0px;
  line-height: 1rem!important;
}
pre {
  width: 100%;
}
footer {
  position: fixed;
  bottom: 0;
  left:0;
  background-color: #000;
  width:100%;
  height: 30px;
  text-align: center;
  padding: 5px 0 0 20px;
  color:#FFF;
}
footer a {
  color:#FFF;
}

.social-icon {
  width: 30px;
  height:30px;
  margin:0 5px 0 0;
}
img.social-icon {
  width: auto!important;
}
.quote-item p {
  font-size: 80px;
}
.collapse {
  margin: 20px 0px;
}
.accordion-item img {
  /* margin: 0 10px; */
}
.title-m {
  display: none;
}
.title-dt {
  display: flex;
  margin-left: 10px;
}
.sub-m {
  display: none;
}
.sub-dt {
  display: flex;
  /* margin: 20px 20px 10px; */
  position: fixed;
  padding: 5px 20px 10px 20px;
  background-color: #FFF;
  z-index: 1000;
  width:100%;
}
.web-thumb-1, .web-thumb-2, .web-thumb-3, .web-thumb-4, .web-thumb-5 {
  display: inline-block;
  margin-top: 60px;
}

.logo-thumb-1, .logo-thumb-2, .logo-thumb-3, .logo-thumb-4, .logo-thumb-5 {
  display: inline-block;
  margin-top: 60px;
  margin-left: 50px;
  margin-right: 50px;
}

.case-thumb-1, .case-thumb-2, .case-thumb-3, .case-thumb-4, .case-thumb-5 {
  display: inline-block;
  margin-top: 20px;
}

.dev-thumb-1, .dev-thumb-2, .dev-thumb-3, .dev-thumb-4, .dev-thumb-5 {
  display: inline-block;
  margin-top: 20px;
}

/*LIGHT-SWITCH*/
.light-switch {
  cursor: pointer;
  position: fixed;
  top: 1vw;
  right: 1vw;
  visibility:hidden;
}
.light-switch img {
  width:50px;
}
.dark {
  background-color: #000!important;
  color: #FFF!important;
}
.dark-hover {
  background-color: #000!important;
  color: #FFF!important;
  font-weight: 700!important;
  text-decoration: underline!important;
}

a:hover
.light {
  background-color: transparent;
}
.specs-table {
  width:100%;
  margin: 0 auto;
  font-size: 2rem;
  font-weight:200;
}

.specs-table td {
  padding: 10px 10px;
  width:50%;

}

.specs-table .table-label {
  font-weight: 500;
}

.table-label {
  padding: 10px 10px 10px 37%!important;
  vertical-align: text-top;
}

.row-content {
  float: left;
  /* position: absolute; */
  top: 10%;
}
.row-title {
  /* float: left; */
  width: auto;
}

.row-title h1 {
  margin-right: 20px;
}
.logo-mobile img {
  width: 90px;
  padding: 20px;
}
.logo-mobile {
  cursor: pointer;
  z-index: 1000;
  /* background-color: #fff; */
  /* border-bottom: 1px solid #808080; */
  width: 100%;
  position: fixed;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
a.tabs,
a.tabs:hover {
  text-decoration: none;  
}
.tabs {
  background-size: 5rem;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 28%;
  width: 100%;
  /*margin-left: 0px !important;*/
  margin-left: 0px;
  padding: 0rem 0rem;
  /*position: absolute;*/
  top: 0;
  z-index: 100;
}
.tab-clicked {
  color: #808080 !important;
}
.full-width-padding {
  padding: 20px 200px 0px;
}
.h1-full-width-padding {
  padding: 20px 200px 0px;
}

p.stat-item {
  line-height: 3rem;
  /* margin: 10px 0 0 0!important; */
  text-align: left;
  font-size: 2rem;
  font-weight: 200;
  padding: 20px 200px 0px;
}
p.stat-item-last{
  line-height: 3rem;
  /* margin: 10px 0 0 0!important; */
  text-align: left;
  font-size: 2rem;
  font-weight: 200;
  padding: 20px 20px 0px 200px;
}
.proj-desc {
  line-height: 3rem;
  margin: 0px 0!important;
  text-align: left;
  font-size: 2rem;
  font-weight: 200;
  padding: 10px 0px;
}

p.p-right {
  padding: 0 20px;
  line-height: 22px;
}
p.p-right ul {
  list-style-type: none;
}

/* .card-body h1 {
  font-size: 2vw;
  font-family: 'helvetica';
} */
.card-body h4 {
  font-size: 1.8rem;
  font-weight: 600;
  /* font-family: 'graphik medium', 'helvetica'; */
}

.card-body img {
  width: 100%;
  /* padding: 0px 200px 0px 0px; */
  /* border-radius: 8px; */
  /* margin: 0 15px 50px 15px; */
}
.card-body .branding-img {
  width: 90%;
  padding: 0px;
}
.sub-script {
  font-size: 1.2vw;
}
.branding-title {
  font-size: 2vw;
  font-weight: 800;
  margin: 40px 0 0 20px;
}
.branding-img {
  width: 100%;
  margin: 20px !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /* padding:20px !important; */
}
.branding-img-rounded {
  width: 100%;
  margin: 20px !important;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.26); 
  box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.26);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.uiux-img {
  width: 100%;
  margin: 0px;
}
.uiux-desc {
  padding: 20px!important;
}
.main-page-h1 {
  font-weight: 600 !important;
    font-size: 2.8rem;
    padding: 5px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
/* .web-img {
  width: 100%;
  margin: 20px 20px 100px 20px !important;
} */
li.list-heading  {
  list-style-type: none!important;
  font-weight: 600;
}
.card ul {
  font-size: 1.6rem;
  padding-left: 30px;
  margin-top: 10px;
}
.card ul li {
  list-style-type: none;
  line-height: 24px;
}
.card ul li.bullets {
  list-style-type: none;
  line-height: 24px;
}
.dev-thumb-overflow {
  position: relative;
  /* right: -74vw; */
  height: 70vh;
  /* width: 88vw; */
  overflow-y: scroll;
  /* margin:30px 0 40px 0; */
  margin: 20px 20px 100px 20px;
  /* background-image: url('https://www.kermitpannell.com/kdp/screens/macbook_2.jpg'); */
  background-size: 100%;
  background-repeat: no-repeat;
  /* border: 1px solid #808080; */
  -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.26); 
  box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.26);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.dev-description {
  padding-left: 20px!important;
  /* width: 96%; */

}
.dev-description p {
  /* margin:30px 0 0 50px; */
  /* line-height: 30px; */
}
.nav-highlight-text {
  /* text-decoration: underline; */
  /* border-bottom: 2px solid #FFF; */
  font-weight: 800;
}
.sites-nav{
  /* font-family: 'Agdasima'; */
  position: fixed;
  top: 25px;
  left: 70px;
  z-index: 1000;
  /* background-color: #fff; */
  width:100%;
  /* border-top: 1px solid #808080; */
  /* border-bottom: 1px solid #808080; */
}
.sites-nav-item {
  display: inline-block;
    position: relative;
    padding: 0px 14px;
    margin: 0 1rem 0 1rem;
    font-weight: 800;
    width: auto;
}
.breadcrumb-nav-item {
  display: inline-block;
    position: relative;
    margin: 0 5px 0 0;
    font-weight: 600;
    width: auto;
    text-decoration: underline!important;
}
.sub-nav-item {
  display: inline-block;
    position: relative;
    /* padding: 0px 40px 0px 0px; */
    margin: 0 5rem 0 0rem;
    font-weight: 500;
    width: auto;
}
.sub-nav-item-active {
    font-weight: 700;
}
.resume-wrapper {
  margin: 40px 100px 0 20px;
}
.show-more-snippet a {
  cursor: pointer;
}
.show-more-snippet h2 {
  font-weight: 400;
}
.show-more-snippet .plus-sign {
  display: inline;
}
.show-more-snippet .minus-sign {
  display: none;
}
.show-more-snippet.no-ellipsis .minus-sign {
  display: inline;
}
.show-more-snippet.no-ellipsis .plus-sign {
  display: none;
}
.dt-tel {
  display:block!important;
}
.mobile-tel {
  display:none!important;
}
/*IE*/
@media all and (-ms-high-contrast:none) and (max-width:768px) {
  .tab-m-1 {
    background-image: url(assets/Log_in_icon.svg);
    background-size: 100px;
  }
  .tab-1-Open {
    background-image: url(assets/icon_Log_in_white.svg);
    background-size: 150px;
    height: 176px;
    background-position: center;
  }
  /* .tab-m-2 {
     background-image: url(assets/download_adobe_icon.svg);
     background-size: 100px;
   }

   .tab-2-Open {
     background-image: url(assets/icon_Download_Adobe_white.svg);
     background-size: 150px;
     height: 176px;
     background-position: center;
   }*/
  .tab-m-3 {
    background-image: url(assets/FAQ_icon.svg);
    background-size: 100px;
  }
  .tab-3-Open {
    background-image: url(assets/icon_FAQ_white.svg);
    background-size: 150px;
    height: 176px;
    background-position: center;
  }
}
/*tab states*/
.tab-dt-1-hover,
.tab-dt-1-clicked {
  display: none;
  background-color: #4a7dc0;
}
.tab-dt-2-hover,
.tab-dt-2-clicked {
  display: none;
  background-color: #4a7dc0;
}
.tab-dt-3-hover,
.tab-dt-3-clicked {
  display: none;
  background-color: #4a7dc0;
}
.tab-dt-1 {
  display: block;
  background-color: #dadada;
}
.tab-dt-2 {
  display: block;
  background-color: #dadada;
}
.tab-dt-3 {
  display: block;
  background-color: #dadada;
}
#tab-detail1,
#tab-detail2,
#tab-detail3 {
  display: none;
}
.tab-dt-1-up span:nth-child(1),
.tab-dt-1-hover span:nth-child(1),
.tab-dt-1-clicked span:nth-child(1),
.tab-dt-2-up span:nth-child(1),
.tab-dt-2-hover span:nth-child(1),
.tab-dt-2-clicked span:nth-child(1),
.tab-m-1-up span:nth-child(1),
.tab-m-2-up span:nth-child(1) {
  /*text-transform: uppercase;*/
}
.tab-dt-1-hover img,
.tab-dt-2-hover img,
.tab-dt-3-hover img,
.tab-dt-1-clicked img,
.tab-dt-2-clicked img,
.tab-dt-3-clicked img {
  filter: brightness(400%);
}
.hero-back {
  height: auto;
}
.hero-text {
  margin-top: 6rem;
  padding: 2rem 5rem;
  text-align: center;
}
.services-text {
  padding: 1rem 2rem 8rem;
}
.tab-padding-1 {
  padding: 0 .2rem 0 2rem;
}
.tab-padding-2 {
  padding: 0 .2rem .2rem .2rem;
}
.tab-padding-3 {
  padding: 0 2rem .2rem .2rem;
}
.tab-margin {
  margin: 0 .2rem;
  cursor: pointer;
}
.media-small {
  display: block;
}
.media-large {
  display: none;
  max-width: 1400px;
  margin: 0 auto;
}
.tab-1-up,
.tab-2-up,
.tab-3-up {
  background-color: green;
}
.tab-dt-1-clicked,
.tab-dt-2-clicked,
.tab-dt-3-clicked {
  background-color: #4a7dc0;
  color: #FFF !important;
}
#tabs-content {
  padding: 0 0px !important;
}
#tab-detail1,
#tab-detail2,
#tab-detail3 {
  top: 60px;
  background-color: rgb(255, 255, 255);
  z-index: 0;
  padding: 60px 14rem 0 !important;
  width: 100%;
}
/*ACCORDION*/
.accordion-wrapper {
  padding-top: 0px;
}
.accordion-item {
  text-align: left;
  line-height: 24px;
}
.accordion-arrow {
  float: left;
}
/* .accordion-item h2 {
  margin-bottom: 30px!important;
  margin-top: 0px!important;
} */
/*.accordion-item h4, .accordion-item h5 {
  display: none;
}
.accordion-item h3 {
  display: block;
}*/
.show-more-snippet {
  height: 46px;
  width: auto;
  margin: 0 auto 30px;
  overflow: hidden;
}
.show-more-snippet p {
  overflow: hidden;
  text-decoration: none !important;
  margin: 0 0 20px;
  line-height: 24px;
  margin-left: 45px;
}
.show-more-snippet {
  text-decoration: none !important;
}
.no-ellipsis {
  white-space: normal;
  overflow: visible;
  height: auto;
}
.show-more {
  cursor: pointer;
}
.show-more h3 {
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 24px;
}
div.show-more {
  text-decoration: none;
}
.show-more .accordion-arrow img {
  width: auto;
  height: 25px;
  margin: 0 20px 0 0;
}
.arrow-flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
p.steps-indent {
  margin-left: 75px;
}
/*END ACCORDION*/
@media screen and  (max-width:1400px) {
  .tabs {
    padding: 0rem 0rem;    
  }
}
@media screen and  (max-width:1200px) {
  label {
    padding: 0 0px;
  }
  h3 {
    padding: 0px;
    margin-bottom: 15px!important;
    margin-top: 15px!important;
    margin-left: 0px!important;
  }
  h4 {
    font-size: 2rem ;
    padding: 0px;
  }
  hr {
    border-top: none!important;
    border-bottom: 1px solid #808080!important;
    margin: 20px 0px 20px 0px!important;
    width: 100%;
  }
  .dev-content {
    width: 100%;
  }
  #tab-detail1,
  #tab-detail2,
  #tab-detail3 {
    width: 102%;
  }
  p.p-right {
    padding: 0 0;
  }
  /* .accordion-item h2 {
  margin-left: 0px!important;
  } */
  .uiux-img {
    width: 100%;
    margin: 50px 0px 50px 0px;
  }


  .show-more h3 {
    font-size: 18px;
  }
  .full-width-padding{
    padding: 10px 0px 10px;
  }
  .h1-full-width-padding{
    padding: 20px 0px 10px;
  }

  .proj-desc {
    line-height: 2.5rem;
    font-size: 1.5rem;
  }

  p.stat-item {
    line-height: 2.5rem;
    font-size: 1.5rem;
    padding: 10px 0px 0px;
  }
  p.stat-item-last{
    line-height: 2.5rem;
    /* margin: 10px 0 0 0!important; */
    text-align: left;
    font-size: 1.5rem;
    font-weight: 200;
    padding: 20px 0px 0px 0px;
  }
  .card ul {
    padding-left: 0;
  }
}
@media screen and (max-width:992px) {
  .dev-content {
    width: 100%;
  }
  

  .table-label {
    padding: 10px 10px 10px 27%!important;
    /* vertical-align: text-top; */
  }
}
@media screen and (max-width:768px) {
  body .row {
    width: 100%;
    float: left;
  }
  body .wrapper {
    min-width: auto;
  }
  body .container {
    padding-right: 0;
    padding-left: 0;
  }
  /* h1 {
    font-size: 1.8rem;
  } */
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 2.2rem;
    padding: 0px;
  }
  
  hr.nav-rule {
    /* top: 118px; */
      position: sticky;
      width: 86%;
      z-index: 1000;
      background-color: #fff;
      fill: #fff;
      height: 0px;
      border-top: 1px solid #808080!important;
      margin: 0 20px 20px 20px!important;
  }
  .sites-nav {
    position: fixed;
    top: 20px;
    left: 80px;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
  }
  .header-logo {
    background-color: #FFF;
    border-bottom: 1px solid #808080;
  }
  .mobile-nav-item-margin-right {
    margin-right: 50px;
  }
  .sub-nav-item {
    display: inline-block;
    position: relative;
    /* padding: 0px 40px 0px 0px; */
    margin: 0 2rem 0 0rem;
    font-weight: 500;
    width: auto;
  }
  .sub-nav-item-active {
    font-weight: 800;
  }
  .card-body h4 {
    font-size: 4vw;
  }
  .card ul {
    font-size: 1.4rem;
    padding-left: 10px;
  }

  .table-label {
    padding: 10px 10px 10px 7%!important;
    vertical-align: text-top;
  }

  label {
    font-size: 20px !important;
    line-height: 25px !important;
    margin-bottom: 25px !important;
  }
  .client-label {
    display:block;
    font-weight: 400 ;
    font-size: 1rem!important ;
    margin-bottom: 10px ;
    margin-left: 20px;
    line-height: 1rem!important;
  }
  .img-label {
    display:block;
    font-weight: 400 ;
    font-size: 1rem!important ;
    margin-bottom: 10px ;
    margin-left: 10px;
    line-height: 1rem!important;
  }
  
  pre {
    width: 100%;
    margin: 0 0 20px !important;
  }
  .title-m {
    display: flex;
    margin-left: 0px;
    overflow: scroll;
  }
  .title-dt {
    display: none;
  }
  .sub-m {
    display: none;
  }
  .sub-dt {
    display: block;
    /* margin: 20px 20px 0px 20px; */
    padding: 5px 20px 10px 20px;
    background-color: #FFF;
    z-index: 1000;
    width: 100%;
  }
  .logo-thumb-1, .logo-thumb-2, .logo-thumb-3, .logo-thumb-4, .logo-thumb-5 {
    display: inline-block;
    margin-top: 60px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .web-thumb-1, .web-thumb-2, .web-thumb-3, .web-thumb-4, .web-thumb-5 {
    display: block;
    margin: 0;
    top: 70px;
    position: relative;
  }
  .case-thumb-1, .case-thumb-2, .case-thumb-3, .case-thumb-4, .case-thumb-5 {
    display: block;
    margin: 0px 0px 0;
    top: 20px;
    position: relative;
  }
  .dev-thumb-1, .dev-thumb-2, .dev-thumb-3, .dev-thumb-4, .dev-thumb-5 {
    display: block;
    margin: 0px 0px 0;
    top: 20px;
    position: relative;
  }
  .display-order{
    display: flex;
    flex-flow: column;
  }
  #order-1 {
    order: 1;
  }
  #order-2 {
    order: 2;
  }
  #order-img-left {
    order: 1;
  }
  #order-img-right {
    order: 2;
  }
  .dev-description-mobile {
    margin:10px 0 0 0!important;
  }

  p.stat-item {
    /* font-size: 2rem; */
    padding: 10px 0px 0px;
  }
  /* p.proj-desc {
    font-size: 1.5rem;
    padding: 10px 0px;
  } */
  .proj-desc {
    font-size: 1.5rem;
    line-height: 25px;
    text-align: left;
    font-weight: 200;
    padding: 10px 0px;
  }
  .card-body, .card-body img {
    width:100%;
  }
  figcaption {
    font-size: 2.5rem;
    margin: 0  0 0px 0px;
  }
  
  .sub-script {
    /* font-size: 3vw; */
    font-size: 2vw;
  }
  .branding-img {
    width: 90%;
  }
  .logo-mobile {
    text-align:center;
    z-index: 1000;
    /* background-color: #fff; */
    position: fixed;
    height: 30px;
  }
  .logo-mobile img {
    width:80px;
    padding: 20px;
  }
  .accordion-wrapper {
    padding-top: 0px;
  }
  /*.accordion-item h4, .accordion-item h5 {
    display: block;
  }*/
  /*.accordion-item h2, .accordion-item h3 {
    display: none;
  }*/
  .collapse {
    margin: 0px;
  }
  .row-content {
    float: none;
    position: relative;
  }
  .adobe-login img {
    width: 100%;
    margin: 10px 0;
  }
  .tabs {
    position: relative;
  }
  .hero-text-mobile {
    position: absolute;
    top: 10vw;
    text-align: center;
    width: 100%;
  }
  .hero-text-mobile>h1 {
    font-size: 5vw;
    color: #FFF;
    margin-top: 20px;
  }
  .hero-text-mobile>h2 {
    font-size: 4vw;
    color: #FFF;
    font-weight: 300;
    margin-top: 10px;
  }
  .card-body {
    padding: 0!important;
    margin: 0 0 30px;
  }
  /* .card-body h1 {
    font-size: 4vw;
  } */
  .card-body h4 {
    /* font-size: 4vw; */
    font-size: 3vw;
    /* font-family: 'graphik medium', 'helvetica'; */
    font-weight: 800;
  }

  .dev-thumb-overflow {
    height: 300px;
  }
  .dev-thumb-overflow {
    position: relative;
    overflow-y: scroll;
    margin:10px 0 10px 0;
    /* background-image: url('https://www.kermitpannell.com/kdp/screens/macbook_2.jpg'); */
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .uiux-img {
    width: 100%;
    margin: 10px 0px 10px!important;
  }
  .uiux-desc {
    width: 90%;
    margin: 0 20px !important;
    padding: 0px!important;
  }
  .resume-wrapper {
    margin: 40px 20px 0 20px;
  }
  .tab-margin {
    margin: 0 0 .4rem 0;
  }
  .media-small {
    display: inline-block;
    padding: 0;
  }
  .media-large {
    display: none;
  }
  .show-more-snippet {
    margin: 0 auto 10px;
  }
  .dt-tel {
    display:none!important;
  }
  .mobile-tel {
    display:block!important;
  }
  .row-content {
    top: 0px;
  }
}
@media screen and  (max-width:700px) {
  h1 {
    font-size: 3rem;
    margin-top: 0px;
  }
  /* h3 {
    font-size: 3rem;
  } */
  /* .card-body h1 {
    font-size: 26px;
  } */
  .show-more h3 {
    font-size: 18px;
  }
  .card-body h4 {
    /* font-size: 4vw; */
    font-size: 1.4rem;
    /* font-family: 'graphik medium', 'helvetica'; */
    font-weight: 600;
  }
  p.stat-item {
    /* font-size: 1.5rem;
    line-height: 22px; */
  }
  .sub-script {
    font-size: 3vw;
    /* font-size: 2vw; */
  }
  .specs-table {
    width: 100%;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 200;
  }
}
@media screen and  (max-width:480px) {


  p.stat-item {
    /* margin: 0px 0px 20px!important; */
    /* padding: 20px 30px; */
    /* font-size: 1.5rem; */
  }

  .specs-table {
    font-size: 1.5rem;
  }
  
}
@media screen and  (max-width:360px) {
  .show-more h3,
  .card-body p,
  .card ul {
    font-size: 14px;
  }
}
/*.myClass {
  display: none;
}*/