/*===================================================
                DEFAULT VALUES:

                Font Family             : Sitka Banner (local), Crimson Text (google)

                Very Light Grey         : #EEEEEE   (background - average of bg img sky area)
                Black                   : #000000   (paragraph text)
                Dark Cerulean           : #08486E   (link)
                Falu Red                : #550F11   (link hover, visited)

=====================================================*/

/* General CSS */

html,
body {
    height: 115%;
	font-size: 62.5%;
}

body {
    background-image: url("../images/projects/mirror_RMDC_bg.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    max-height: 100%;
    max-width: 100%;
    background-color: #EEE;
    font-family: "Sitka Banner", "Crimson Text", "Times New Roman", serif;
    text-shadow: 1px 1px 2px #EEE, -1px -1px 5px #888;
}

p {
    color: #000000;
	margin-bottom: 1.6rem;
}

p,
a {
    font-size: 2rem;	
}

a {
    color: #08486E;
    font-weight: 700;
}

a:hover {
    color: #550F11;
}

a:visited {
    color: #550F11;
}

h1 {
    border-bottom: 1px solid #000000;
}

h2 {
    font-size: 2.4rem;
    margin-top: 1rem;
    margin-bottom: 0.2rem;
}

/*===================================================
=====================================================*/

.container-custom {
    margin-bottom: 130px;
}

.fa {
    font-size: initial;
}

#goHome {
    margin: 3px 0 0 3px;
}

#goHome a {
    color: #333;
    text-decoration: none;
    font-weight: 100;
}

.nav {
    width: 24rem;
    margin: 20px 0 100px 0;
}

#lead_paragraph {
    padding-top: 10px;
    margin-left: auto;
}

#collections {
    margin: 25px 0 20px 0;
}

#collections a {
    font-size: 2.2rem;
	text-shadow: 1px 1px 2px #CCC, -1px -1px 5px #888;
}