/* Custom CSS changes - morepork.org
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Resizes image based on screen size
-------------------------------------------------- */

.imagewrapper {
  width: 100%; /* Or whatever width you want */
}
.imagewrapper img {
  max-width: 100%;
  height: auto;
  width: auto; /* For IE8 */
}

h4 {color: #4CB0E3;
    font-weight: 400;
}

h4.white {color: #fff;
    font-weight: 400;
}

/* Navbar
-------------------------------------------------- */

.navbar {
    display: none;
}
@media (min-width: 550px) {
.header {
    margin-top: 18rem;
}

}
@media (min-width: 750px) {
.navbar + .docs-section {
    border-top-width: 0;
}
.navbar, .navbar-spacer {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: block;
    height: 6.5rem;
    width: 100%;
    z-index: 99;
}
.navbar-spacer {
    display: none;
}
.navbar > .container {
    width: 100%;
}
.navbar-list {
    list-style: outside none none;
    margin-bottom: 0;
}
.navbar-item {
    float: left;
    margin-bottom: 0;
    position: relative;
}
.navbar-link {
    color: #222;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2rem;
    line-height: 6.5rem;
    margin-right: 35px;
    text-decoration: none;
    text-transform: uppercase;
}
.navbar-link.active {
    color: #4CB0E3;
}
.has-docked-nav .navbar {
    left: 0;
    position: fixed;
    top: 0;
}
.has-docked-nav .navbar-spacer {
    display: block;
}
.has-docked-nav .navbar > .container {
    width: 80%;
}

}

/* Colored Section
-------------------------------------------------- */

.colored {
  background-image: url('../images/blue-bg.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
}