@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Khula|Raleway");

header h1, main h1 {
    font-family: "Khula", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: #00abbf;
}

header h2, main h2 {
    font-family: "Khula", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #00abbf;
}

header h3, main h3 {
    font-family: "Khula", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    color: #00abbf;
}

h4, h5, h6 {
    font-family: "Khula", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    color: #00abbf;
}

header a, main a {
    color: #007a88;
}

nav a, .dropdown-menu a, .dropdown-menu .btn-link {
    font-family: Raleway, sans-serif;
}

#main-header {
    margin: 20px auto 0 auto;
}

.logo {
    background-image: url("logo.png");
    height: 79px;
    width: 292px;
}

#main-nav a {
    color: #007a88;
}

.breadcrumb {
    background-color: #00abbf;
    color: white;
}

.breadcrumb a {
    color: white;
}

.mediabox {
    background-color: #eafdff;
}

.vaguely_turqie {
    background-color: #e7fdff;
}

.btn-primary {
    background-color: #00abbf;
    border-color: #00abbf;
}

.btn-primary:hover {
    background-color: #00abbf;
    border-color: #00abbf;
    opacity: 0.5;
}