*,
*:before,
*:after {
    box-sizing: border-box;
}


/*This changes the box model of everything in the website and can be overwriten per component if needed. To read more about box-sizing and why you'd want to overwrite it see https://css-tricks.com/international-box-sizing-awareness-day/ or https://www.w3schools.com/cssref/css3_pr_box-sizing.asp*/


/*--------------------------------------------------------
	FONT ASSIGNMENTS
--------------------------------------------------------*/

body {
    color: #7f7f7f;
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 18px;
    overflow-x: hidden;
}

p {
    margin-bottom: ;
}

#subpage-page ul,
footer ul {
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    -ms-padding-start: 0px;
    list-style: none;
}

strong,
b {
    font-weight: bold;
}


/*--------------------------------------------------------
	H1 - H6
--------------------------------------------------------*/

h1,
h2,
h3,
h4 {
    margin: 0px 0px 35px;
    padding: 0px 0px 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #434da5;
    position: relative;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

h1 {
    font-size: 48.6px;
}

h2 {
    font-size: 37.8px;
}

h3 {
    font-size: 32.4px;
}

h4 {
    font-size: 25.2px;
}

h5 {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #434da5;
    text-transform: uppercase;
}

h1:after,
h2:after,
h3:after,
h4:after {
    content: "";
    width: 114px;
    border-bottom: 3px solid #f9b12e;
    position: absolute;
    left: calc( 50% - ( 114px / 2));
    bottom: 0px;
}

h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left {
    margin: 0px 0px 30px;
    padding: 0px 0px 30px;
    border-bottom: 3px solid #f9b12e;
    display: block;
    text-align: left;
}

h1.align-left:after,
h2.align-left:after,
h3.align-left:after,
h4.align-left:after {
    content: normal;
}

.reversed-out {
    color: #f9b12e;
}

h1.reversed-out:after,
h2.reversed-out:after,
h3.reversed-out:after,
h4.reversed-out:after {
    border-bottom: 3px solid #434da5;
}

h1.no-border,
h2.no-border,
h3.no-border,
h4.no-border,
h1.no-border:after,
h2.no-border:after,
h3.no-border:after,
h4.no-border:after {
    border-bottom: none;
    content: normal;
    padding-bottom: 0px;
}


/*--------------------------------------------------------
	LINKS
--------------------------------------------------------*/

a {
    position: relative;
}

a:hover,
a:focus {
    text-decoration: none;
}

a.view-all {
    display: block;
    text-align: center;
    max-inline-size: fit-content;
    margin: 0 auto;
}

a:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    background: #f9b12e;
    height: 2px;
    transition: .1s ease-out all;
    display: inline-block;
    width: 0%;
}

a:hover:before,
a:focus:before {
    width: 100%;
}

div[class^="logo-"] a:before {
    /*Prevents the logo from getting the hover effect on it*/
    content: none;
}


/*--------------------------------------------------------
	 Objects
--------------------------------------------------------*/

a.green-button,
#home-top-buttons a {
    display: inline-block;
    background-color: #0f645a;
    color: white;
    border-radius: 5px;
    min-width: 175px;
    text-align: center;
    padding: 11px 16px;
    font-size: 12px;
}

a.blue-button {
    display: inline-block;
    background-color: #2957a6;
    color: white;
    border-radius: 5px;
    font-size: 14px;
    padding: 14px 20px;
    text-align: center;
    min-width: 115px;
    text-transform: uppercase;
}

a.green-button:before,
#home-top-buttons a:before a.blue-button:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    background: #f9b12e;
    height: 1px;
    transition: .1s ease-out all;
    display: inline-block;
    width: 0%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

a.green-button:hover:before,
a.green-button:focus:before,
#home-top-buttons a:hover:before,
#home-top-buttons a:focus:before,
a.blue-button:hover:before,
a.blue-button:focus:before {
    width: 100%;
    height: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

a.blue-button span.no-caps {
    text-transform: none;
}


/*The class of .full-width allows the row to span the width of the viewport*/

.full-width {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.full-width:before {
    content: '';
    background: lightgray;
    background-size: cover;
    display: block;
    position: absolute;
    margin-left: -50vw;
    left: 50%;
    right: 0px;
    width: 100vw;
    top: 0px;
    bottom: 0px;
}


/* .wrapper acts as a more symantic stand in for <container><row><col-md-12></col-md-12></row></container> in sections of this build that don't require stacking columns */

.wrapper {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    position: relative;
    height: inherit;
}

@media (min-width:768px) {
    .wrapper {
        width: 750px;
    }
}

@media (min-width:992px) {
    .wrapper {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .wrapper {
        width: 1170px;
    }
}

#home-trail-stories #news-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    color: rgba(0, 0, 0, .8)
}

@media (min-width: 1025px) {
    /*At any screens above 1025px wide, add a 25px gap if the news-items break to a second line*/
    .news-item:nth-of-type(n+4) {
        margin-top: 25px;
    }
}

@media (max-width: 1025px) and (min-width: 700px) {
    #home-trail-stories #news-wrapper {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    /*At any screens between 1025px and 700ox wide, add a 20px gap if the news-items break to a second line*/
    .news-item:nth-of-type(n+3) {
        margin-top: 20px;
    }
}

@media (max-width: 700px) {
    #home-trail-stories #news-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    /*At any screens less than 700ox wide, add a 20px gap between each line but not after the last news-item*/
    .news-item {
        margin-top: 20px;
    }
    .news-item:first-of-type {
        margin-top: 0px;
    }
}

@media (max-width: 500px) {
    /*At any screens less than 500ox wide, add a 15px gap between each line but not after the last news-item*/
    .news-item {
        margin-top: 15px;
    }
    .news-item:first-of-type {
        margin-top: 0px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /*Targets IE 10 and below since they don't support CSS grid or @supports*/
    #home-trail-stories #news-wrapper {
        display: block;
    }
    .news-item {
        width: 60%;
        min-width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 0px;
    }
}

#home-trail-stories #news-wrapper img,
#home-trail-stories #news-wrapper h4,
#home-trail-stories #news-wrapper .date,
#home-trail-stories #news-wrapper .description {
    margin-bottom: 15px;
}

#home-trail-stories #news-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

#home-trail-stories #news-wrapper .date {
    font-size: 13px;
}

#home-trail-stories #news-wrapper .description {
    font-size: 14px;
}


/*----------------Trail Conditions Feeds----------*/

ul.trail-conditions {
    text-transform: uppercase;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    -ms-padding-start: 0px;
    list-style: none;
}

.trail-conditions li {
    position: relative;
    left: 1em;
    padding-left: .15em;
    padding-right: .95em;
    font-size: inherit;
    margin-bottom: 5px;
    line-height: 1.25em;
}

ul.trail-conditions li:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    background-color: lightgray;
    width: .8em;
    height: .8em;
    /*Positioning ensures that no matter what size the text is, the circle will be centered vertically to it*/
    top: calc( 50% - .5em);
    left: -.8em;
    position: absolute;
}

ul.trail-conditions li.green:before {
    background-color: #22665A;
}

ul.trail-conditions li.yellow:before {
    background-color: #F0B533;
}

ul.trail-conditions li.red:before {
    background-color: #BA3740;
}


/*------------end-Trail Conditions Feeds----------*/


/*--------------------------------------------------------
						HEADER
--------------------------------------------------------*/

header {
    background-color: transparent;
    height: 90px;
    margin-bottom: 40px;
    top: 0px;
    z-index: 10;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

header.scrolled {
    background-color: black;
    position: sticky;
    position: -webkit-sticky;
    height: 50px;
}

@media (max-width: 844px) {
    header,
    header.scrolled {
        background-color: black;
        position: relative;
        height: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

header .wrapper>* {
    position: absolute;
}

header .logo-color-rotate-no-tagline {
    bottom: 0px;
    /* Safari */
    transition: bottom .25s ease-out;
}

header .scrolled .logo-color-rotate-no-tagline {
    bottom: -5px;
}

header .logo-color-rotate-no-tagline svg {
    width: 130px;
    height: 36.45px;
}

@media (max-width: 844px) {
    header .logo-color-rotate-no-tagline svg {
        width: 170px;
        height: 47.67px;
        bottom: 0px;
        position: absolute;
    }
}

@media (max-width: 500px) {
    header .logo-color-rotate-no-tagline svg {
        max-width: calc( 100vw - 130px);
    }
}

.logo-white-only svg path.cambr-black.black {
    fill: white;
}

.logo-white-only svg path.cambr-yellow.yellow {
    fill: black;
}

.logo-white-only svg .tagline {
    display: none;
}


/*--------------------------------------------------------
	Log in
--------------------------------------------------------*/

.modal-dialog {
    width: 230px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh;
}

.modal-dialog h4 {
    padding: 0;
    line-height: 1.1;
}

.modal-dialog h4::after {
    content: none;
}

.modal-dialog input {
    display: block;
    margin-top: 1em;
}


/*--------------------------------------------------------
					Desktop Navigation
--------------------------------------------------------*/

#top-navigation {
    right: 0px;
    bottom: 10px;
    font-size: 14px;
    font-family: 'Carrois Gothic', sans-serif;
    /* Safari */
    transition: bottom .25s ease-out;
}

header.scrolled #top-navigation {
    bottom: 4px;
}

#top-navigation ul.nav>li>a {
    color: #f9b12e;
    padding-top: 10px;
    padding-bottom: 10px;
}

#top-navigation a,
#top-navigation .nav .open>a,
#top-navigation .nav .open>a:focus,
#top-navigation .nav .open>a:hover,
#top-navigation .nav>li>a:hover,
#top-navigation .nav>li>a:focus {
    background: transparent;
}

.dropdown-menu li {
    width: 100%;
}


/*--------------------------------------------------------
					Mobile Navigation
--------------------------------------------------------*/

.mobileMenuTrigger svg {
    width: 40px;
    height: 24px;
}

.mobileMenuTrigger svg path {
    fill: #f9b12e;
    transition: .1s fill ease-out;
}

.mobileMenuTrigger:active svg path {
    fill: white;
}

#triggerClose {
    display: block;
    cursor: pointer;
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px;
}

#triggerClose:before {
    content: "\00d7";
    color: white;
    -webkit-transform: scale(3);
    transform: scale(3);
    position: absolute;
    right: 10px;
}

#mobileMenuWrapper {
    background-color: #2e2e2e;
    position: fixed;
    width: 100%;
    z-index: 200;
    top: -120%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
}

#mobileMenuWrapper.open {
    top: 0px;
}

#mobileMenuWrapper ul#mobile-menu {
    max-width: 500px;
    margin: 0px auto;
    padding: 10px 20px;
}

#mobile-menu li a {
    position: relative;
    color: #a7a7a7;
    display: block;
    width: 174px;
    padding: 5px 0;
    display: block;
    font-size: .8em;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

#mobile-menu b.caret {
    position: absolute;
    right: 10px;
    top: calc( 50% - 2px);
}

#mobile-menu ul {
    padding-left: 30px;
}


/*--------------------------------------------------------
					Homepage
--------------------------------------------------------*/

#top-background {
    background-image: url(../images/HomeImage4.jpg);
    height: 430px;
    width: 100%;
    position: relative;
    top: -130px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    #top-background {
        background-attachment: scroll;
    }
}


/*----------------Homepage Top Area----------*/

#home-top-background-contents .home-logo svg {
    width: 400px;
    height: 125px;
    margin-bottom: 10px;
    margin-top: 100px;
    margin-left: 40px;
}

@media (max-width: 500px) {
    #home-top-background-contents .home-logo svg {
        max-width: 94%;
        height: auto;
        margin-left: 6%;
    }
}

#home-header-links ul,
#home-top-buttons ul {
    text-align: center;
    margin-bottom: 0px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    -ms-padding-start: 0px;
    list-style: none;
    position: relative;
    left: -5px;
}

#home-header-links li,
#home-top-buttons li {
    display: inline;
}

#home-header-links li a {
    display: inline-block;
    padding-right: 10px;
    padding-left: 5px;
    font-size: 16px;
    color: #f9b12e;
    border-right: 1px solid #f9b12e;
}

#home-header-links li a:before {
    content: "";
    left: 5px;
    right: 10px;
}

#home-header-links li a:hover:before,
#home-header-links li a:focus:before {
    width: calc( 100% - 15px);
}

#home-header-links li:last-of-type a {
    border-right: none;
    /*	padding-right: 0px;*/
}

#home-top-buttons {
    padding: 20px;
    background: black;
    position: relative;
    top: -130px;
    margin-bottom: -130px;
}

@media (max-width: 520px) {
    #home-top-buttons li {
        margin-bottom: 1em;
        display: block;
    }
    #home-top-buttons li:last-of-type {
        margin-bottom: 0px;
    }
}

@media (max-width: 450px) {
    #home-header-links li {
        margin-bottom: .5em;
        display: block;
    }
    #home-header-links li:last-of-type {
        margin-bottom: 0px;
    }
    #home-header-links li a {
        border-right: none;
    }
}

#home-top-buttons a {
    margin-left: 15px;
    margin-right: 15px;
}


/*----------------End Homepage Top Area------*/


/*----------------Homepage Main Sections----------*/

main {
    margin-bottom: 50px;
}

main#home-main {
    margin-bottom: 0px;
    /*Prevents white gap between bottom of parallax background on the homepage*/
}

main#home-main section {
    padding-top: 100px;
    padding-bottom: 75px;
}

main#home-main .row:not(.full-width) {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    position: relative;
    height: inherit;
}

@media (min-width:768px) {
    main#home-main .row:not(.full-width) {
        width: 750px;
    }
}

@media (min-width:992px) {
    main#home-main .row:not(.full-width) {
        width: 970px;
    }
}

@media (min-width:1200px) {
    main#home-main .row:not(.full-width) {
        width: 1170px;
    }
}

main#home-main .row.full-width,
main#home-main .row.full-width>.col-md-12 {
    width: 100%;
    padding: 0;
}


/*----------------End Homepage Main Sections------*/


/*----------------Homepage - The Trails- Section----------------*/

section#home-the-trails.full-width:before {
    background: url(../images/TopoBackground.png);
    background-size: cover;
    background-color: #EFEFEC;
}

section#home-the-trails p {
    max-width: 565px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    text-align: center;
}

#index-trail-feed {
    font-size: 21px;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px;
    /* Chrome, Safari, Opera */
    /* Firefox */
    column-gap: 40px;
    max-width: 565px;
    margin-top: 65px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 500px) {
    #index-trail-feed {
        max-width: 10em;
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        /* Firefox */
        column-count: 1;
        -webkit-column-gap: 5px;
        /* Chrome, Safari, Opera */
        /* Firefox */
        column-gap: 5px;
    }
    #index-trail-feed li {
        margin-bottom: 10px;
    }
}


/*------------end-Homepage - The Trails- Section----------------*/


/*----------------Homepage - Trail Stories Section-(News Feed)--------------*/

#home-trail-stories #news-wrapper {
    margin-top: 50px;
}


/*-----------end-Homepage - Trail Stories Section-(News Feed)---------------*/


/*----------------Homepage - Home Parallax 1-3 Sections--------------*/

@supports (display: flex) {
    /*Put in to prevent IE11 and below (which doesn't recognize support queries) from choking on the flexbox styles below*/
    section[id*="home-parallax-"] {
        display: flex;
    }
}

section[id*="home-parallax-"] {
    min-height: 640px;
    flex-direction: column;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    position: relative;
}

section[id*="home-parallax-"] .parallax-background {
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    background-position-x: center;
}

#home-parallax-1 .parallax-background {
    background-image: url(../images/homebak3.jpg);
}

#home-parallax-2 .parallax-background {
    background-image: url(../images/MeltdownBackColor2.jpg);
}

#home-parallax-3 .parallax-background {
    background-image: url(../images/homebak2.jpg);
    background-position-x: 70%;
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    section[id*="home-parallax-"] .parallax-background {
        background-attachment: scroll;
    }
}

section[id*="home-parallax-"] .row {}

section[id*="home-parallax-"] .row div[class*="col-md-"] {}

section[id^="home-parallax-"] h4 {
    color: #f9b12e;
}

section[id^="home-parallax-"] p {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    line-height: 1.8em;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    max-width: 790px;
}

section[id^="home-parallax-"] a.blue-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
}


/*-----------end-Homepage - Home Parallax 1-3 Sections---------------*/


/*--------------------------------------------------------
				CSS Styles for Inner Pages
--------------------------------------------------------*/


/*----------Responsive Nivo*/

div[id^=slider-container-FD],
div[id^=slider_FD],
.nivoSlider img {
    max-width: 100% !important;
    height: auto !important;
}


/*----------Nivo Controls*/

.nivo-prevNav,
.nivo-nextNav {
    background-image: none !important;
    width: 25px !important;
    top: 25% !important;
    /*Fallback for browsers that don't support calc*/
    top: calc( 50% - 50px) !important;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 75px;
    font-family: Arial, sans-serif;
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.4);
}

.nivo-prevNav:hover,
.nivo-nextNav:hover {
    text-decoration: none;
    color: #ae0e0d;
    text-shadow: none;
}

.nivo-prevNav {
    left: 10px !important;
}

.nivo-nextNav {
    right: 10px !important;
}

.nivo-prevNav:after {
    content: "‹";
}

.nivo-nextNav:after {
    content: "›";
}


/*--------------------------------------------------------
						Footer
--------------------------------------------------------*/

footer {
    background-color: #000000;
    color: white;
    font-size: 14px;
}

footer a,
footer a:hover {
    color: #f9b12e;
}


/*footer a:hover {
	color: #a17029;
}*/


/*-------------------Footer Navigation--------------*/

#footer-navigation {
    padding: 70px 0 90px;
    margin-bottom: 237px;
}

@media (max-width: 350px) {
    #footer-navigation {
        margin-bottom: 217px;
    }
}

#footer-navigation>.wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 1fr;
    grid-template-columns: 150px 1fr;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /*Targets IE 10 and below since they don't support CSS grid or @supports*/
    #footer-navigation {
        min-height: 400px;
    }
    #footer-links ul {
        position: absolute;
        right: 0px;
    }
}

.logo-color-rotate-no-tagline svg {
    width: 150px;
    height: 42px;
}

.logo-color-rotate-no-tagline svg path.cambr-black.black {
    fill: #f9b12e;
}

.logo-color-rotate-no-tagline svg path.cambr-white.white {
    fill: black;
}

.logo-color-rotate-no-tagline svg path.cambr-yellow.yellow {
    fill: white;
}

.logo-color-rotate-no-tagline svg .tagline {
    display: none;
}

#footer-links {
    width: 50%;
    text-align: right;
    text-transform: uppercase;
    -ms-grid-column-align: end;
    justify-self: end;
}

@media (max-width: 1090px) {
    #footer-links {
        width: 100%;
    }
}

#footer-links ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    justify-items: end;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /*Targets IE 10 and 11 since they don't support CSS grid or @supports*/
    /*IE 9 and earlier will fallback into 1 column*/
    #footer-links ul {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }
}

@media (max-width: 900px) {
    #footer-links ul {
        padding-right: 30px;
    }
}

@media (max-width: 600px) {
    #footer-links ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    #footer-links ul li {
        margin-bottom: 10px;
    }
}

@media (max-width: 600px) {
    #footer-links ul,
    #footer-navigation>.wrapper {
        display: block;
        text-align: center;
        padding-right: 0px;
    }
}


/*-------------------Respect The Trails--------------*/

#respect-the-trails {
    background: #21336a;
    padding: 40px 0 30px;
    position: fixed;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

#respect-the-trails.reveal {
    display: block;
}

#respect-the-trails img {
    margin: 0px auto;
}


/*-------------------Footer Credits--------------*/

#footer-credits {
    padding: 8px;
}

@media (max-width: 1090px) {
    #footer-credits {
        padding: 15px;
    }
}

#footer-credits span {
    display: inline-block;
}

#footer-credits .contact {
    text-align: right;
    display: block;
    margin-top: -20px;
    /*^^Offsets the cleared line from display:block;. This technique allows for two columns without all of the unnecessary row/column markup.*/
}

@media (max-width: 1000px) {
    #footer-credits .contact {
        text-align: left;
        margin-top: 5px;
    }
}

@media (max-width: 400px) {
    #footer-credits .credits,
    #footer-credits .contact {
        max-width: calc( 100% - 37px);
    }
}

a.top-of-page-link {
    position: fixed;
    bottom: 5px;
    right: 20px;
    z-index: 600;
}

a.top-of-page-link:before {
    content: none;
}