styles.css

/* GLOBAL STYLES -------------------------------------------------- */
/* Padding below the footer and lighter body text */
 body {
     color: #5a5a5a;
}
.blue {
    color: #6ec8eb;
}
.white {
     color: #fff;
}
.green {
    color: #78a64f;
}
.orange {
    color: #f29631;
}
.tag {
     letter-spacing: 1.4px;
     font-weight: 100;
     margin-top: 13px;
}
.contact-tag, .address {
     letter-spacing: 0.75px;
     color: rgba(255, 255, 255, 0.73);
     font-size: 1rem;
}
#down {
     max-width: 50px;
     opacity: 0.8;
     padding-top: 135px;
}
.popup-logo {
  width: 33%;
  padding: 50px 20px 50px 0;
}
.modal-img {
    width: 100%;
}
#popup-news {
  padding: 0 0 100px 0;
}
#address {
    width: 100%;
}
#award-img-1 {
    padding: 40px 40px 20px 40px;
}
#award-img-2 {
    padding: 0 40px 20px 40px;
}
#award-left {
    margin-right: 15px;
}
#award-right {
    margin-left: 15px;
}
.load-modal-logo {
  width: 35%;
  margin: auto;
}
.navbar-fixed-top {
     background: transparent;
     transition: background 200ms linear;
     -webkit-transition: background 200ms linear;
     -moz-transition: background 200ms linear;
     -o-transition: background 200ms linear;
}
.navbar-fixed-top.scrolled {
     background: linear-gradient(141deg, #02afdc, #a4eeff);
}
#contact, #addresses {
    display: inline-block;
    padding: 0;
}
#addresses {
    text-align: right;
    float: right;
}
#news {
    padding: 0 0 150px 0;
}
#publications {
    width: 100%;
    padding: 120px 120px;
    margin: 150px 0 100px 0;
    color: #b2eaff;
    background: linear-gradient(141deg, #02afdc, #a4eeff);
}
.staff-head {
    padding: 100px 0 70px 0;
}
.bio-pad, #staff {
    padding-bottom: 150px;
}
.staff-circle {
    height: 300px;
    width: 300px;
}
.staff-end {
    width: 70%;
    margin: auto;
}
#staff-right {
    border-left: 1px solid #02afdc;
    padding-left: 75px;
    height: 80%;
}
#staff-left {
    padding-right: 75px;
}
.news-link {
    color: #6ec8eb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}
.news-link:hover {
    color: #007bff;
} 
.published-content {
    font-size: 1.2rem;
}
#bar-board {
    padding: 80px 0 100px 0;
}
#main-logo {
     max-width: 325px;
}
.card-image {
    overflow: hidden;
    position: relative;
}
.to-top, #copyright {
    color: #b2eaff;
}
.card-image img {
    object-fit: contain;
}
#top-news, #ft-media {
    padding: 0 100px 0 100px;
}
#top-news {
    padding-bottom: 75px;
}
#tv-interviews {
    padding-top: 75px;
}
#nav-logo {
    width: 203px;
    height: 80px;
    background-image: url(resources/SLGP-logomark.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: background 200ms linear;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -o-transition: background 200ms linear;
}
#nav-logo.full-logo {
     background-image: url(resources/SLGP-brandmark.png);
     margin-bottom: -7.5px;
     margin-top: 7.5px;
}
#interviews {
     margin: 100px 0 200px 0;
}
.top-logo {
    background-color: #fff;
}
#blog-main {
    padding: 150px 0 150px 0;
}
#cannabis-law {
  margin: auto;
}

/* MARKETING CONTENT -------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
 .marketing .col-lg-4 .col-lg-3 {
     margin-bottom: 1.5rem;
     text-align: center;
}
 .marketing h2 {
     font-weight: 400;
}
 .marketing .col-lg-4 .col-lg-3 p {
     margin-right: .75rem;
     margin-left: .75rem;
}
 #socials {
     margin-top: 1.5rem;
}
 .sm-icon {
     max-width: 35px;
     transition: 1s;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     -o-transition: 1s;
}
 .sm-icon:hover {
     opacity: 0.8;
}
/* Featurettes ------------------------- */
 .featurette-divider {
     margin: 5rem 0;
    /* Space out the Bootstrap <hr> more */
}
 .about-featurette {
     margin: 150px 0 150px 0;
}
 .featurette-image, .featurette-image-about {
     box-shadow: 0 1px 3px 0 #888888;
}
 .featurette-image-about{
     margin-top: 3.3rem;
}
 .lead-pad {
     margin-top: 10%;
}
/* Thin out the marketing headings */
 .featurette-heading {
     font-weight: 300;
     line-height: 1;
     letter-spacing: -.05rem;
}
/* RESPONSIVE CSS -------------------------------------------------- */
 @media (min-width: 40em) {
    /* Bump up size of carousel content */
     .carousel-caption p {
         margin-bottom: 1.25rem;
         font-size: 1.25rem;
         line-height: 1.4;
    }
     .featurette-heading {
         font-size: 50px;
    }
}
 @media (min-width: 62em) {
     .featurette-heading {
         margin-top: 2.5rem;
    }
}
 @media (max-width: 380px) {
     #main-logo {
         max-width: 250px;
    }
}
@media (max-width: 882px) {
  #news, #publications {
    padding: 80px;
  }
  .contact-tag, .address {
    font-size: 0.8rem;
  }

}
@media (max-width: 725px) {
    #contact, #addresses {
        display: block;
        text-align: center;
        float: none;
        max-width: 100%;
    }
}
#cannacon-flier {
  width: 49%;
}
#guide-flier {
  width: 46.7%;
}
@media (max-width: 575px) {
  #award-left {
    margin-right: 0;
  }
  #award-right {
    margin-left: 0;
  }
  #promo-code {
    font-size: 0.9rem;
    padding-bottom: 15px;
  }
  #cannacon-flier {
    width: 100%;
  }
  #guide-flier {
    width: 100%;
    padding-top: 10px;
  }
}    
@media (max-width: 450px) {
  #news, #publications {
    padding: 20px;
  }
  .news-title {
    font-size: 1.75rem;  
  }
}
@media (max-width: 415px) {
  .news-title {
    font-size: 2rem;  
  }
  #everything {
    padding-top: 0px;
  }
  .jumbotron {
    margin-bottom: 1rem;
  }
  #categories {
    text-align: center;
    padding-top: 70px;
  }
  #bar-board {
    padding: 0;
  }
  #bar-board-honors-awards {
    padding-top: 80px;
  }
  #main-head {
    padding-top: 150px;
  }
  #down {
    opacity: 0;
    padding-top: 0px;
  }
  #last-foot {
    bottom: 0;
    padding: 100px 10px 50px 10px;
  }
  .foot-contain {
    margin: auto;
    width: 50%;
  }
  .to-top, #copyright {
    font-size: 0.75rem;
  }
  #copyright {
    display: inline;
    vertical-align: top;
  }
  #articles {
    padding-top: 50px;
  }
  #award-img-2 {
    padding-top: 20px;
  }
  .popup-logo {
    width: 70%;
    padding: 0 0 50px 0;
  }
  .news-title {
    font-size: 1.35rem;
  }
  #popup-news {
    padding: 0 0 20px 0;
  }
  #heading-contain, .contain-pad-small {
    padding-top: 80px;
  }
  #about-heading {
    font-size: 2.88rem;
  }
  .about-featurette {
    margin-top: 0;
    margin-bottom: 0;
  }
  .staff-circle {
    height: 200px;
    width: 200px;
  }
  .staff-head {
    padding-top: 0;
  }
  .staff-end {
    width: 100%;
  }
  .bio-pad, #staff {
    padding-bottom: 45px;
  }
  .event-heading {
    padding: 0;
  }
  #top-news, #ft-media {
    padding: 0;
  }
}