/* COLOR CONCEPT =====================================

Orange:     hsl(14, 67%, 53%)
DarkGrey:   hsl(205, 8%, 44%)
DarkBlue:   hsl(204, 29%, 54%)
LightBlue:  hsl(197, 30%, 82%)
LightGrey:  hsl(0, 0%, 96%)

Alterantiv:
DarkGrey:       hsl(201, 14%, 81%)
Darkblue:       hsl(205, 31%, 68%)
LightOrange:    hsl(13, 100%, 64%)
DarkOrange:     hsl(10, 82%, 58%)

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


body {
    font: 100%/1.4 'Lato',sans-serif;
    font-weight: 400;
    color: hsl(205, 8%, 44%);
    background: hsl(0, 0%, 96%);
}

/*  CONTAINERS   ==================================================================== */

#wrapper {
}

#headcontainer {

}

#maincontentcontainer {

}

#footercontainer {

}

/*  HEADER/CONTENT/FOOTER   ==================================================================== */

header {
    font-size: 0.8125em;
}

header h1 {
    color: hsl(204, 29%, 54%);
    font-size: 1.5em;
    font-weight: 600;
}

footer {
    font-size: 0.8125em;
}

.content {
    background: hsl(0, 0%, 96%);
}

#maincontent {
    font-size: 0.9125em;
    line-height: 1.5em;
}

/*  SECTIONS  ============================================================================= */

.section {
}

/*  GROUPING  ============================================================================= */


.group:before{
}
.group:after {
}
.group {
}

/*  COLOR TAGS   ============================================================================= */

.whitebg {
    background: hsl(0, 0%, 100%);
}

/* Buttons =============================== */
span button {
    background: none;
    color: hsl(205, 8%, 44%);
}
span button:hover {
    color: hsl(10, 82%, 58%);
}

#user-menu a {
    color: hsl(205, 8%, 44%);
}
#user-menu a:hover {
    color: hsl(10, 82%, 58%);
}

.red {
	color: hsl(14, 67%, 53%);
}

.grey {
	color: hsl(0, 0%, 70%);
}