/* Move down content because we have a fixed navbar that is 50px tall */
body {

  color: #FFF;
  text-align: center;
}

/* Basic ENVIRO-style navigation */

.enviro-navbar {
    background-color: rgb(0, 73, 139);
    border: none;
    font-family: "open_sansbold";
}

ul .enviro-nav-donate {
    background-color: rgb(190,215,83);
    color: rgb(0, 73, 139);
}

ul .enviro-nav-donate:hover {
    background-color: rgb(255,255,255);
}

ul .enviro-nav {
    background-color: rgb(0, 73, 139);
    color: rgb(166, 176, 208);
}

ul .enviro-nav:hover {
    background-color: rgb(0, 50, 110);
    color: rgb(255, 255, 255);
}

/* ENVIRO 'LOGO' styling */

a .logoSans {
    font-family: "open_sanscondensed_light";
    color: #FFF;
}

a .logoSerif {
    font-family: "oranienbaumregular";
    color: rgb(190,215,83);
    font-stretch: ultra-condensed;
}

/* forcing social media icons to align vertically with nav text */

.icon {
    margin-top: -.3em;
}

/* additional font style for the photo credit */

.credit {
    font-size: 0.75em;
    color: #012;
    padding: 12px 0 0 0;
    position: static;
    right: 0px;
}

/* Media queries
-------------------------------------------------- */

/* All devices -- set up mobile only setting here */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

a .logoSans {
    font-family: "open_sansbold";
    color: #FFF;
}

a .logoSerif {
    font-family: "merriweatherbold";
    color: rgb(190,215,83);
}

.credit {
    font-size: 0.75em;
    color: #012;
    padding: 17px 0 0 0;
    position: fixed;
    right: 100px;
}



}