* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
  /* Margin bottom by footer height */

}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.nav-custom {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    background-color:#1A1A1A;
}

.footer-custom {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: smaller;
    background-color:#1A1A1A;
    color: rgba(255, 255, 255, 1);
/*    position: relative; */
/*    bottom: 0; */
/*    width: 100%; */
}

/*
.t1 {
    font-family: Rubik, sans-serif;
    font-weight: bold;
}
.t2 {
    font-family: Rubik, sans-serif;
}
*/

.t1 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
}

.t2 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
}

.t3 {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 400;
}


/*
.t3 {
    font-family: 'Space Mono', monospace;
    font-size: 0.85rem;
}
*/

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

.ref-box {
    background-color: #ECECEC;
    opacity: 0.8;
    color: rgba(0, 0, 0, 1);
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 400;
    font-size: large;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
    img.bg {
	left: 50%;
	margin-left: -512px;   /* 50% */
    }
}