/* Webfonts. TODO: Get these from Google. */
@font-face {  font-family: AlegreyaSC;  src: url(fonts/87fa17545d9ff700eea4665a06438d13.woff2);  font-style: normal;  font-weight: 400;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/46db4bfe13f83086fd3596c13bd7d976.woff2);  font-style: normal;  font-weight: 700;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/2d32a6525de9be53c0212171ea7a08c0.woff2);  font-style: italic;  font-weight: 400;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/29a14fe1dcbb474ff3405e992ba0ec04.woff2);  font-style: italic;  font-weight: 700;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/87fa17545d9ff700eea4665a06438d13.woff2);  font-style: normal;  font-weight: 100;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/2d32a6525de9be53c0212171ea7a08c0.woff2);  font-style: italic;  font-weight: 100;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/87fa17545d9ff700eea4665a06438d13.woff2);  font-style: normal;  font-weight: 200;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/2d32a6525de9be53c0212171ea7a08c0.woff2);  font-style: italic;  font-weight: 200;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/87fa17545d9ff700eea4665a06438d13.woff2);  font-style: normal;  font-weight: 300;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/2d32a6525de9be53c0212171ea7a08c0.woff2);  font-style: italic;  font-weight: 300;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/87fa17545d9ff700eea4665a06438d13.woff2);  font-style: normal;  font-weight: 500;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/2d32a6525de9be53c0212171ea7a08c0.woff2);  font-style: italic;  font-weight: 500;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/46db4bfe13f83086fd3596c13bd7d976.woff2);  font-style: normal;  font-weight: 600;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/29a14fe1dcbb474ff3405e992ba0ec04.woff2);  font-style: italic;  font-weight: 600;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/46db4bfe13f83086fd3596c13bd7d976.woff2);  font-style: normal;  font-weight: 800;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/29a14fe1dcbb474ff3405e992ba0ec04.woff2);  font-style: italic;  font-weight: 800;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/46db4bfe13f83086fd3596c13bd7d976.woff2);  font-style: normal;  font-weight: 900;}
@font-face {  font-family: AlegreyaSC;  src: url(fonts/29a14fe1dcbb474ff3405e992ba0ec04.woff2);  font-style: italic;  font-weight: 900;}

@font-face {  font-family: CanvaSans;  src: url(fonts/f4a4890561b3fddfd1fd9a1b27b6d4a4.woff2);  font-style: normal;  font-weight: 400;}
@font-face {  font-family: CanvaSans;  src: url(fonts/33696a29f45c1b554a4c12443b998d21.woff2);  font-style: normal;  font-weight: 700;}
@font-face {  font-family: CanvaSans;  src: url(fonts/8dbae49e1280328b442be6dfff163124.woff2);  font-style: italic;  font-weight: 400;}
@font-face {  font-family: CanvaSans;  src: url(fonts/625cf32ea46ae48b58ebd3ff993de469.woff2);  font-style: italic;  font-weight: 700;}
@font-face {  font-family: CanvaSans;  src: url(fonts/f4a4890561b3fddfd1fd9a1b27b6d4a4.woff2);  font-style: normal;  font-weight: 100;}
@font-face {  font-family: CanvaSans;  src: url(fonts/8dbae49e1280328b442be6dfff163124.woff2);  font-style: italic;  font-weight: 100;}
@font-face {  font-family: CanvaSans;  src: url(fonts/f4a4890561b3fddfd1fd9a1b27b6d4a4.woff2);  font-style: normal;  font-weight: 200;}
@font-face {  font-family: CanvaSans;  src: url(fonts/8dbae49e1280328b442be6dfff163124.woff2);  font-style: italic;  font-weight: 200;}
@font-face {  font-family: CanvaSans;  src: url(fonts/f4a4890561b3fddfd1fd9a1b27b6d4a4.woff2);  font-style: normal;  font-weight: 300;}
@font-face {  font-family: CanvaSans;  src: url(fonts/8dbae49e1280328b442be6dfff163124.woff2);  font-style: italic;  font-weight: 300;}
@font-face {  font-family: CanvaSans;  src: url(fonts/c69c23593c9bd5705c7780a200f2a6db.woff2);  font-style: normal;  font-weight: 500;}
@font-face {  font-family: CanvaSans;  src: url(fonts/e5e43f51d6d7939d8911c861efa5f9b7.woff2);  font-style: italic;  font-weight: 500;}
@font-face {  font-family: CanvaSans;  src: url(fonts/c69c23593c9bd5705c7780a200f2a6db.woff2);  font-style: normal;  font-weight: 600;}
@font-face {  font-family: CanvaSans;  src: url(fonts/e5e43f51d6d7939d8911c861efa5f9b7.woff2);  font-style: italic;  font-weight: 600;}
@font-face {  font-family: CanvaSans;  src: url(fonts/33696a29f45c1b554a4c12443b998d21.woff2);  font-style: normal;  font-weight: 800;}
@font-face {  font-family: CanvaSans;  src: url(fonts/625cf32ea46ae48b58ebd3ff993de469.woff2);  font-style: italic;  font-weight: 800;}
@font-face {  font-family: CanvaSans;  src: url(fonts/33696a29f45c1b554a4c12443b998d21.woff2);  font-style: normal;  font-weight: 900;}
@font-face {  font-family: CanvaSans;  src: url(fonts/625cf32ea46ae48b58ebd3ff993de469.woff2);  font-style: italic;  font-weight: 900;}


body {
	margin: 0;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 40px;
	padding: 0;
	line-height: 1.5em;
	color: black;
	font-family: CanvaSans, Sans-Serif;
	font-size: 20px;
	background: white;
}

@media only screen and (min-width: 1024px) {
    body {
        margin-left: 15%;
        margin-right: 15%;
        font-size: 14px;
        line-height: 1.4em;
    }
}

main {
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	float: left;
	width: 100%;
}

#nav {
	float: left;
	width: 230px;
	margin-left: -100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;

    font-family: AlegreyaSC, Sans-Serif;
	font-size: 2.0em;
}

@media only screen and (min-width: 1024px) {
    #nav {
        font-size: 1.4em;
        width: 200px;
    }
}

#wrapper {
	overflow: hidden;
}

#content {
	margin-left: 230px; /* Same as 'nav' width. */
}

@media only screen and (min-width: 1024px) {
    #content {
        margin-left: 200px;
    }
}

.innertube {
	margin: 15px; /* Padding for content. */
	margin-top: 0;
}

.innertube li {
    padding: 15px 5px 15px 5px;
}

@media only screen and (min-width: 1024px) {
    .innertube li {
        padding: 5px 5px 5px 5px;
    }
}

.innertube li.active-menu {
    background-color: #eeeeee;
}

.innerpic-right {
	margin: 15px;
	margin-top: 0;
    float: right;
}

.innerpic-left {
	margin: 15px;
	margin-top: 0;
    float: left;
}

h1 {
    font-family: AlegreyaSC;
    font-weight: normal;
}

nav ul {
	list-style-type: none;
	margin: 0;
    margin-top: 30px;
	padding: 0;
}

nav ul a {
	color: #2f1d0c;
	text-decoration: none;
}

.bigger {
    font-size: 1.5em;
}

/* Testing slider stuff. */
/**
 * (optional) define here the style definitions which should be applied on the slider container
 * e.g. width including further controls like arrows etc.
 */
.slider {
}

.frame {
    /**
     * (optional) wrapper width, specifies width of the slider frame.
     */
    width: 720px;

    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    white-space: nowrap;
}

.slides {
    display: inline-block;
}

ul.slides li {
    position: relative;
    display: inline-block;

    /**
     * (optional) if the content inside the slide element has a defined size.
     */
    width: 720px;
}