@media screen and (min-width: 200px) {
.smk-grid-green {

  background-color: #5ba755;
  color: white;

}


.smk-grid-blue {
  
  background-color: #0084bb;
  color: white;

}

.smk-grid-orange {

  background-color: #f46c17;
  color: white;
  
}

.smk-grid-grey {

  background-color: #efefef;
  color: black;
}

.smk-grid-white {
  background-color: transparent;
  color: black; 
}
.smk-grid-white a {
  background-color: transparent;
  color: #999; 
}




.smk-grid-quad {
 
  padding-right: 2em;
  padding-left: 2em;
}

.smk-grid-img {

  /* padding-right: 0em; */
}

.smk-grid-img h1  { text-align: center; position:relative; margin: auto; }
.smk-grid-img h2  { text-align: center; position: relative; }
.smk-grid-img h3   { text-align: center;font-size: 20.8px; }

.smk-grid-img  h2 {
    text-align: center;
    font-weight: 800;
}

.smk-grid-img  h3 {
    text-align: center;
    font-weight: 100;   
}


.btn-default {background-color: transparent;color: white;/* color: black; */}


.section-default {
    padding-top: 2em;
    /* background: #222; */
    background: #bfce52;
    padding-bottom: 0em;
    /* color: #ddd; */
}
.footer-section {
  background: #000;
}

.frame-type-text {
   
}


}


@media screen and (min-width: 768px) {
.smk-grid-quad {
  min-height:400px;
  max-height:400px;
  height:400px;
  padding-right: 0em;
  padding-left: 0em;
}

.smk-grid-img {
  min-height:400px;
  max-height:400px;
  height:400px;
  /* padding-right: 0em; */
}
}

@media screen and (max-width: 767px) {
.navbar-header-main .navbar-brand.navbar-brand-image {
    
    max-width: 70%;
}

p {
    margin: 0 0 12px;
    word-wrap: break-word;
    margin-right: 1em;
}


}

.navbar-fixed-top.navbar-default-transition + a + .carousel, .navbar-fixed-top.navbar-inverse-transition + a + .carousel, .navbar-fixed-top.navbar-default-transition + a + a + .carousel, .navbar-fixed-top.navbar-inverse-transition + a + a + .carousel, .navbar-fixed-top.navbar-default-transition + .main-section > a + .carousel, .navbar-fixed-top.navbar-inverse-transition + .main-section > a + .carousel, .navbar-fixed-top.navbar-default-transition + .main-section > a + a + .carousel, .navbar-fixed-top.navbar-inverse-transition + .main-section > a + a + .carousel {
    margin-top: -140px;
    max-height: 400px;
}

#c199 { display: none; }