@font-face {
	font-family: mostra-nuova;
	src: url('../fonts/mostranuova-thin.ttf') format('truetype');
	font-weight: 200;
}
@font-face {
	font-family: mostra-nuova;
	src: url('../fonts/mostranuova-light.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: mostra-nuova;
	src: url('../fonts/mostranuova-regular.ttf') format('truetype');
	font-weight: 400;
}
@font-face {
	font-family: mostra-nuova;
	src: url('../fonts/mostranuova-bold.ttf') format('truetype');
	font-weight: 700;
}

body {
    overflow-x: visible;
    overflow-y: visible;
    background-color: black;
    background-image: url('../images/Home-BG.jpg');
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-transition: none 0ms ease;
    -o-transition: none 0ms ease;
    transition: none 0ms ease;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    font-family: mostra-nuova, sans-serif;
    color: white;
    text-decoration: underline;
}


h1 {
    position: static;
    left: 0px;
    top: 0%;
    right: 0px;
    bottom: 80%;
    display: block;
    width: auto;
    max-width: 700px;
    margin: 0% 0% 10px auto;
    padding-top: 0%;
    padding-right: 0px;
    float: none;
    clear: none;
    font-family: mostra-nuova, sans-serif;
    color: #eddfdf;
    font-size: 222px;
    line-height: 172px;
    font-weight: 300;
    text-align: center;
    letter-spacing: -7px;
    text-indent: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2 {
    position: static;
    left: 0px;
    top: 20%;
    right: 0px;
    bottom: 72%;
    display: block;
    width: 700px;
    max-width: 700px;
    margin: 20px auto 10px;
    padding-right: 7px;
    float: none;
    font-family: mostra-nuova, sans-serif;
    color: #cfc8c8;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0px;
    text-indent: 29px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h3 {
    display: block;
    max-width: 800px;
    margin: 10px auto 0px;
    font-family: mostra-nuova, sans-serif;
    color: #b5b5b5;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h4 {
    position: relative;
    margin-bottom: 76px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 49px;
    padding-bottom: 58px;
    width: 500px;
    font-family: mostra-nuova, sans-serif;
    color: #f0f0f0;
    font-size: 100px;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 9;
}

h5 {
    display: block;
    margin: 0px;
    padding-top: 67px;
    padding-bottom: 58px;
    clear: both;
    border-left: 1px none #383838;
    font-family: mostra-nuova, sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h6 {
    position: static;
    left: 0px;
    top: 50%;
    right: 0px;
    max-width: 950px;
    margin: 0px 0px 2px auto;
    padding-top: 2px;
    padding-bottom: 2px;
    float: none;
    font-family: mostra-nuova, sans-serif;
    color: #e3e3e3;
    font-size: 23px;
    line-height: 30px;
    font-weight: 400;
    text-align: right;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p {
    display: block;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    padding-left: 39px;
    font-family: mostra-nuova, sans-serif;
    font-size: 16px;
    text-align: justify;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.p1 {
    display: block;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    font-family: mostra-nuova, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.p3 {
    display: block;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    font-family: mostra-nuova, sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.s2 {
    font-weight: 300;
}

.s3 {
    font-weight: 400;
}

.smallcaps {
	font-variant:small-caps;
}

.loaderscreen {
    z-index: 11000;
    background-image: url('../images/Chrono-BG.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: black;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
}

.loaderscreen.home {
    background-image: none;
}

.loading {
    margin-top: 20%;
    font-size: 70px;
}

.news {
	padding-left: 25px;
	padding-right: 25px;
	}
	
.date {
	margin-top: 30px;
    padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
   	border-top: 1px solid #a8a8a8;
	font-style: italic;
	font-color: #a8a8a8;
	font-weight: 300;
	}
	
.intro {
    position: static;
    left: 0px;
    top: 21%;
    right: 0px;
    display: block;
    max-width: 426px;
    margin-top: 0%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    font-family: mostra-nuova, sans-serif;
    color: #e8d5d5;
    font-size: 22px;
    line-height: 31px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

.homelegend {
    position: static;
    left: 0px;
    top: 60%;
    right: 0px;
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    max-width: 426px;
    margin-top: 28px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 4px;
    float: none;
    clear: none;
    border-top: 1px solid #828181;
    font-family: mostra-nuova, sans-serif;
    color: #fcfafa;
    font-size: 22px;
    line-height: 41px;
    text-align: center;
}

.note {
    position: static;
    left: 0px;
    right: 0px;
    bottom: -100px;
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    max-width: 512px;
    min-width: 160px;
    margin: 77px 0px 0px auto;
    padding-top: 0px;
    padding-right: 17px;
    padding-left: 0px;
    float: none;
    clear: none;
    font-family: mostra-nuova, sans-serif;
    color: #bdb9b9;
    text-align: right;
}

.hometext {
    position: relative;
    left: 0px;
    top: 4%;
    right: 0px;
    bottom: 4%;
    display: block;
    height: 70%;
    max-width: 100%;
    margin-top: 0%;
    margin-right: 0px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
}

.landing {
    width: 100%;
    height: 100%;
}

.chronology {
    overflow-x: visible;
    overflow-y: visible;
    background-color: black;
}

.chronology.chapter1 {
    height: 100%;
    background-image: -webkit-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.chronology.chapter2 {
    height: 100%;
    background-image: -webkit-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.chronology.chapter3 {
    height: 100%;
    background-image: -webkit-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.chronology.chapter4 {
    height: 100%;
    background-image: -webkit-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.chronology.chapter5 {
    height: 100%;
    background-image: -webkit-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.chronology.chapter6 {
    height: 100%;
    background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
    color: #333;
}

.chronology.chapter7 {
    height: 100%;
    background-image: url('../images/Clover-BG2.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #333;
}

.topbar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 10001;
    height: 53px;
    background-color: rgba(153, 132, 61, 0.8);
}

.topbar.chapter1 {
    background-color: rgba(153, 61, 67, 0.8);
}

.topbar.chapter2 {
    background-color: rgba(61, 145, 163, 0.8);
}

.topbar.chapter3 {
    background-color: rgba(83, 124, 30, 0.8);
}

.topbar.chapter4 {
    background-color: rgba(153, 98, 61, 0.8);
}

.topbar.chapter5 {
    background-color: rgba(61, 153, 136, 0.8);
}

.topbar.chapter6 {
    background-color: rgba(117, 86, 124, 0.8);
    color: #333;
}

.landingbutton {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 180px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 27px;
    padding-bottom: 19px;
    background-color: rgba(153, 132, 61, 0.8);
    -webkit-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    transition: all 550ms ease;
    text-decoration: none;
}

.landingbutton:hover {
    height: 122px;
    margin-top: 16px;
    padding-top: 24px;
    padding-bottom: 12px;
    background-color: rgba(237, 236, 232, 0.8);
}

.button {
    padding-top: 2px;
    padding-bottom: 0px;
    font-family: mostra-nuova, sans-serif;
    color: #383636;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    line-height: 29px;
}

.arrowlanding {
    display: block;
    margin-top: -21px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 8px;
    padding-bottom: 15px;
}

.chronochapter {
    display: block;
    width: 700px;
    left: 50%;
    max-width: 700px;
    margin-top: 369px;
    margin-left: -350px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    background-color: rgba(153, 61, 67, 0.49);
    text-indent: 0px;
    position: fixed;
    height: 103px;
}

.chronochapter.mobile {
    display: none;
}

.chronochapter.chapter2 {
    background-color: rgba(61, 145, 163, 0.49);
}

.chronochapter.chapter3 {
    background-color: rgba(83, 124, 30, 0.49);
}

.chronochapter.chapter4 {
    background-color: rgba(153, 98, 61, 0.49);
}

.chronochapter.chapter5 {
    background-color: rgba(61, 153, 136, 0.49);
}

.chronochapter.c6 {
    background-color: rgba(117, 86, 124, 0.49);
}

.chronochapter.chapter7 {
    background-color: rgba(153, 132, 61, 0.49);
}

.chapternav {
    display: inline-block;
    width: 30px;
    float: left;
    background-color: transparent;
}

.chapternav.right {
    width: 78px;
    height: 78px;
    float: right;
    background-color: rgba(117, 86, 124, 0.95);
    background-image: url('../images/ArrowLeft-01.png');
    background-position: 50% 50%;
    background-size: 58px;
    background-repeat: no-repeat;
    opacity: 0.15;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.chapternav.right:hover {
    opacity: 0.8;
}

.chapternav.right.chapter3 {
    background-color: rgba(83, 124, 30, 0.95);
}

.chapternav.right.chapter2 {
    background-color: rgba(61, 145, 163, 0.95);
}

.chapternav.right.chapter1 {
    background-color: rgba(153, 61, 67, 0.95);
}

.chapternav.right.chapter4 {
    background-color: rgba(153, 98, 61, 0.95);
}

.chapternav.right.chapter5 {
    background-color: rgba(61, 153, 136, 0.95);
}

.chapternav.left {
    width: 78px;
    height: 78px;
    background-color: rgba(117, 86, 124, 0.95);
    background-image: url('../images/ArrowLeft-01.png');
    background-position: 50% 50%;
    background-size: 58px;
    background-repeat: no-repeat;
    opacity: 0.15;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.chapternav.left:hover {
    opacity: 0.8;
}

.chapternav.left.chapter3 {
    background-color: rgba(83, 124, 30, 0.95);
}

.chapternav.left.chapter2 {
    background-color: rgba(61, 145, 163, 0.95);
}

.chapternav.left.chapter1 {
    background-color: rgba(153, 61, 67, 0.95);
}

.chapternav.left.chapter4 {
    background-color: rgba(153, 98, 61, 0.95);
}

.chapternav.left.chapter5 {
    background-color: rgba(61, 153, 136, 0.95);
}

.chapternav.left.chapter7 {
    background-color: rgba(153, 132, 61, 0.95);
}

.chapternavsection {
    position: static;
    width: 100%;
    display: block;
    height: 77px;
    margin-top: 0px;
    z-index: 50;
}

.chapternavsection:hover .chapternav.left {
    opacity: 0.8;
}

.chapternavsection:hover .chapternav.right {
    opacity: 0.8;
}

.chaptertitle:hover .chapternav.left {
    opacity: 0.8;
}

.chaptertitle:hover .chapternav.right {
    opacity: 0.8;
}

.image {
    display: block;
    width: 1100px;
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
}

.chaptertitle {
    position: relative;
    z-index: 20;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin-top: 0px;
    padding-top: 27%;
}

.chapternumber {
    position: absolute;
    z-index: 11;
    top: 32%;
    width: 100%;
}

.chronologytop {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 131px;
}

.chronologytop.chapter2 {
    z-index: 3;
    background-image: -webkit-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.chronologytop.chapter1 {
    z-index: 8;
    height: 131px;
    background-image: -webkit-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.chronologytop.chapter3 {
    z-index: 3;
    background-image: -webkit-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.chronologytop.chapter4 {
    z-index: 3;
    background-image: -webkit-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.chronologytop.chapter5 {
    z-index: 3;
    background-image: -webkit-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.chronologytop.chapter6 {
    z-index: 3;
    background-color: transparent;
    background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG.jpg');
    background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG.jpg');
    background-position: 0% 0%, 50% 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.chronologytop.chapter7 {
    z-index: 3;
    display: block;
    background-image: url('../images/Clover-BG2.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.chronologycontent {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 15px;
    z-index: 0;
    display: block;
    margin-top: -60px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(232, 232, 232, 0.2);
}

.content {
    position: static;
    left: 0px;
    top: 34px;
    right: 0px;
    display: block;
    max-width: 646px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 0px;
    float: none;
    clear: none;
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    text-indent: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.content.center {
    top: 34%;
    margin-top: 23px;
    margin-right: auto;
    margin-bottom: 23px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: justify;
    text-decoration: none;
}

.content.quote {
    max-width: 646px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0px;
    padding-left: 30px;
}

.content.quote._600 {
    max-width: 600px;
}

.content.quote._590 {
    max-width: 590px;
}

.content.quote._500 {
    max-width: 500px;
    padding-bottom: 22px;
}

.content.quote.marginbottom {
    padding-bottom: 21px;
}

.content.quote.margintop {
    margin-top: 21px;
    padding-top: 21px;
}

.content.c1p1 {
    margin-top: 11%;
    margin-right: auto;
}

.content.c1p2 {
    max-width: 600px;
    margin-top: 32%;
    margin-bottom: 22px;
    margin-left: auto;
}

.content.c1p3 {
    max-width: 500px;
    margin-top: 12%;
    margin-left: auto;
    padding-right: 0px;
}

.content.title {
    margin-right: auto;
    padding-top: 18px;
    padding-bottom: 17px;
    font-size: 21px;
    font-weight: 400;
    text-align: center;
}

.content.c1p4 {
    margin-top: 25%;
    margin-right: auto;
}

.content.c1p5 {
    max-width: 390px;
    margin-top: 31%;
    margin-left: 0px;
    padding-right: 0px;
}

.content.c1p6 {
    max-width: 590px;
    margin-top: 10%;
}

.content.c1p7 {
    margin-top: 23%;
    margin-right: auto;
    margin-left: auto;
}

.content.c1p8 {
    max-width: 400px;
    margin-top: 33%;
    padding-left: 0px;
}

.content.c1p9 {
    margin-top: 32%;
    padding-left: 0px;
}

.content.c1p10 {
    margin-top: 56%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
}

.content.c1p11 {
    display: block;
    width: auto;
    max-width: 500px;
    min-width: 200px;
    margin-top: 50%;
    margin-left: auto;
    padding-right: 34px;
    padding-left: 0px;
    float: none;
}

.content.c1p12 {
    max-width: 500px;
    margin-left: auto;
    padding-top: 21px;
}

.content.c1p13 {
    max-width: 500px;
    margin-top: 17%;
    padding-right: 0px;
}

.content.c1p14 {
    margin-top: 12%;
    padding-top: 0px;
}

.content.c1p15 {
    margin-top: 25%;
}

.content.c2p1 {
    margin-top: 40%;
    padding-right: 0px;
    padding-left: 0px;
}

.content.c2p2 {
    margin-top: 4%;
    padding-right: 0px;
    padding-left: 0px;
}

.content.top {
    margin-top: auto;
    padding-top: 23px;
    padding-bottom: 23px;
}

.content.top.c5p1 {
    margin-top: 16%;
}

.content._500 {
    max-width: 500px;
}

.content.c2p3 {
    margin-top: 101px;
    padding-right: 0px;
    padding-left: 0px;
}

.content.c2p4 {
    margin-top: 19px;
    padding-right: 0px;
    padding-left: 30px;
}

.content.c2p5 {
    margin-top: 53px;
}

.content.c4p1 {
    margin-top: 31%;
}

.content.c4p2 {
    margin-top: 20%;
}

.content.c5p2 {
    margin-top: 27%;
    clear: none;
}

.content.c5p3 {
    margin-top: 11%;
}

.content.c5p4 {
    margin-top: 12%;
}

.content.c5p5 {
    margin-top: 28%;
}

.content.c5p6 {
    margin-top: 23px;
}

.content.c6p1 {
    margin-top: 12%;
}

.content.c7p1 {
    margin-top: 19%;
}

.content.c7p2 {
    margin-top: 23px;
}

.content.c7p3 {
    margin-top: 21%;
}

.content.c7p4 {
    margin-top: 74%;
}

.content.c7p5 {
    margin-top: 19%;
    margin-bottom: 23px;
}

.content.c7p6 {
    margin-top: 24%;
}

.content.c7p7 {
    margin-top: 21%;
}

.content.c7p8 {
    margin-top: 9%;
}

.content.c7p9 {
    margin-top: 17%;
}

.content.c3p1 {
    margin-top: 21%;
}

.content.c3p2 {
    margin-top: 16%;
}

.content.c3p3 {
    margin-top: 37%;
}

.content.c3pADD {
    margin-top: 10%;
}

.content.c3p4 {
    margin-top: 32%;
}

.content.c3p5 {
    margin-top: 31%;
}

.content.intromain {
    margin-top: 36px;
    margin-bottom: 36px;
    padding-bottom: 0px;
    border-bottom: 1px none #a8a8a8;
    font-size: 19px;
}

.content.quotetop {
    padding-top: 23px;
    padding-left: 30px;
}

.content.c7p2-1 {
    margin-top: 10%;
}

.imageleft {
    position: static;
    display: block;
    margin-right: auto;
    margin-left: 0px;
    float: none;
    clear: none;
}

.imageleft.journal {
    width: 70%;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.imageleft.journal:hover {
    width: 90%;
}

.imageleft.march {
    display: block;
    max-width: 350px;
    float: none;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}


.imageleft.march:hover {
    max-width: 500px;
}


.nomargin {
    margin-right: -4px;
	width:33%;
}

.disco3 {
    max-width: 798px;
    margin-left: auto;
    margin-right: auto;
}

.discotitle {
    top: 250px;
}

.imageleft.zoom {
    max-width: 250px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.imageleft.zoom:hover {
    max-width: 470px;
}

.imageslider {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.sliderarrow {
    margin-left: 2px;
    padding-left: 0px;
    color: #8c1919;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
}

.sliderarrow.left {
    display: none;
    margin-left: 5px;
}

.sliderarrow.left:hover {
    color: #c11a2a;
}

.sliderarrow.left.chapter3 {
    color: #537c1e;
}

.sliderarrow.left.chapter4 {
    color: #99623d;
}

.sliderarrow.left.chapter5 {
    color: #3d9988;
}

.sliderarrow.left.schapter6 {
    color: #75567c;
}

.sliderarrow.left.chapter7 {
    color: #99843d;
}

.sliderarrow.right {
    display: none;
    margin-right: 5px;
    margin-left: auto;
    font-weight: 400;
}

.sliderarrow.right.chapter2 {
    color: #3d91a3;
}

.sliderarrow.right.chapter3 {
    color: #537c1e;
}

.sliderarrow.right.chapter4 {
    color: #99623d;
}

.sliderarrow.right.chapter5 {
    color: #3d9988;
}

.sliderarrow.right.schapter6 {
    color: #75567c;
}

.sliderarrow.right.chapter7 {
    color: #99843d;
}

.sliderarrow.chapter2 {
    display: none;
    color: #3d91a3;
}

.slidernav {
    padding-top: 13px;
    background-color: rgba(153, 61, 67, 0.90);
}

.slidernav.chapter2 {
    background-color: rgba(61, 145, 163, 0.90);
}

.slidernav.chapter3 {
    background-color: rgba(83, 124, 30, 0.90);
}

.slidernav.chapter4 {
    background-color: rgba(153, 98, 61, 0.90);
}

.slidernav.chapter5 {
    background-color: rgba(61, 153, 136, 0.90);
}

.slidernav.chapter7 {
    background-color: rgba(153, 132, 61, 0.90);
}

.sectioncontent {
    display: block;
    max-width: 1100px;
    margin-right: auto;
    margin-bottom: 21px;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    background-color: rgba(255, 255, 255, 0.8);
}

.sectioncontent.white {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgba(255, 255, 255, 0.90);
}

.imagefull {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.sectionfull {
    margin-bottom: 21px;
    padding-top: 22px;
    padding-bottom: 22px;
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

.sectionfull._3riffs {
    margin-bottom: 21px;
    padding-top: 2px;
    padding-bottom: 8px;
    background-image: url('../images/Chapter1-Photo14-BLURRED.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull._3riffs47 {
    background-image: url('../images/Chapter1-Photo26-BLURRED.jpg');
    background-position: 50% 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.kaukau {
    background-image: url('../images/Chapter2-Photo9-BLURRED.jpg');
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.london {
    background-image: url('../images/Chapter2-Photo22-BLURRED.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.duke {
    background-image: url('../images/Chapter2-Photo25-BLURRED.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.arycasa {
    background-image: url('../images/Chapter3-Photo6-BLURRED.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.birdland {
    background-image: url('../images/Chapter4-Photo30-BLURRED.jpg');
    background-position: 50% 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.newyear {
    background-image: url('../images/Chapter5-Photo9-BLURRED.jpg');
    background-position: 50% 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.junechristy {
    background-image: url('../images/Chapter6-Photo4-BLURRED.jpg');
    background-position: 50% 97px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.dukeplane {
    background-image: url('../images/Chapter6-Photo1-BLURRED.jpg');
    background-position: 0% -8%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.honolulu {
    background-image: url('../images/Chapter7-Photo8-BLURRED.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.salonrouge {
    background-image: url('../images/Chapter7-Photo36-BLURRED.jpg');
    background-position: 0% -10%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sectionfull.dukefarms {
    background-image: url('../images/Chapter3-Photo21-BLURRED.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bar {
    height: 39px;
    margin-bottom: 21px;
    background-color: rgba(153, 61, 67, 0.95);
}

.bar.chapter2 {
    background-color: rgba(61, 145, 163, 0.95);
}

.bar.chapter3 {
    background-color: rgba(83, 124, 30, 0.95);
}

.bar.chapter4 {
    margin-bottom: 32px;
    background-color: rgba(153, 98, 61, 0.95);
}

.bar.chapter5 {
    background-color: rgba(61, 153, 136, 0.95);
}

.bar.chapter7 {
    background-color: rgba(153, 132, 61, 0.95);
}

.bar.c6 {
    background-color: rgba(117, 86, 124, 0.95);
}

.columns {
    padding-right: 0px;
    padding-left: 0px;
}

.imagecenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.imagecenter.imgnews {
	margin-top: 20px;
	margin-bottom: 20px;
}

.imagecenter.diskzoom {
    display: block;
    margin-right: auto;
    margin-left: auto;
	max-width: 700px;
	max-height: 90%;
}

.imagecenter.zoom {
    display: block;
    margin-right: auto;
    margin-left: auto;
	width:500px;
	max-width:100%;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.imagecenter.zoom:hover {
	width:800px;
}

.imagecenter.margin {
    margin-top: 8%;
}

.imagecenter.marginlarge {
    margin-top: 22%;
}

.imagecenter.pack {
	width: 266px;
}

#success {
    display: none;
    position: absolute;
    height: 100%;
    max-height: 592px;
    width: 100%;
    max-width: 760px;
    background-color: rgba(51,51,51,0.93);
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
}

.slider {
    height: auto;
    padding-bottom: 43px;
    background-color: rgba(237, 237, 237, 0.90);
}

.slider.transparent {
	background-color: rgba(0,0,0,0.15);
	clear: none;
}

.slidercarnival {
    height: auto;
    padding-bottom: 49px;
    background-color: rgba(237, 237, 237, 0.8);
}

.arrowcontainer {
    width: 47px;
    height: 100px;
    margin-bottom: auto;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #993d43;
    font-weight: 200;
}

.arrowcontainer:hover {
    background-color: rgba(153, 61, 67, 0.29);
    color: #c11a2a;
}

.arrowcontainer.chapter1 {
    background-image: url('../images/ArrowC1-01.png');
    background-position: 0% 47%;
    background-size: 200%;
    background-repeat: no-repeat;
}

.arrowcontainer.chapter1:hover {
    background-image: url('../images/ArrowC1-01.png');
    background-position: 104% 47%;
}

.arrowcontainer.chapter1.right {
    background-position: 0% 50%;
    background-attachment: scroll;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrowcontainer.chapter1.right:hover {
    background-position: 106% 50%;
}

.arrowcontainer.chapter2 {
    background-image: url('../images/ArrowC2-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    background-repeat: no-repeat;
}

.arrowcontainer.chapter2:hover {
    background-color: rgba(61, 145, 163, 0.29);
    background-image: url('../images/ArrowC2-01.png');
    background-position: 106% 50%;
}

.arrowcontainer.chapter2.right {
    background-image: url('../images/ArrowC2-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrowcontainer.chapter2.right:hover {
    background-position: 106% 50%;
}

.arrowcontainer.chapter3 {
    background-image: url('../images/ArrowC3-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    background-repeat: no-repeat;
}

.arrowcontainer.chapter3:hover {
    background-color: rgba(83, 124, 30, 0.29);
    background-image: url('../images/ArrowC3-01.png');
    background-position: 106% 50%;
}

.arrowcontainer.chapter3.right {
    background-image: url('../images/ArrowC3-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrowcontainer.chapter3.right:hover {
    background-position: 106% 50%;
}

.arrowcontainer.chapter4 {
    background-image: url('../images/ArrowC4-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    background-repeat: no-repeat;
}

.arrowcontainer.chapter4:hover {
    background-color: rgba(153, 98, 61, 0.29);
    background-image: url('../images/ArrowC4-01.png');
    background-position: 106% 50%;
}

.arrowcontainer.chapter4.right {
    background-image: url('../images/ArrowC4-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrowcontainer.chapter4.right:hover {
    background-position: 106% 50%;
}

.arrowcontainer.chapter5 {
    background-image: url('../images/ArrowC5-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    background-repeat: no-repeat;
}

.arrowcontainer.chapter5:hover {
    background-color: rgba(61, 153, 136, 0.29);
    background-image: url('../images/ArrowC5-01.png');
    background-position: 106% 50%;
}

.arrowcontainer.chapter5.right {
    background-image: url('../images/ArrowC5-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrowcontainer.chapter5.right:hover {
    background-position: 106% 50%;
}

.arrowcontainer.c6 {
    background-image: url('../images/ArrowC6-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    background-repeat: no-repeat;
}

.arrowcontainer.c6:hover {
    background-color: rgba(117, 86, 124, 0.29);
    background-image: url('../images/ArrowC6-01.png');
    background-position: 106% 50%;
}

.arrowcontainer.c6.right {
    background-image: url('../images/ArrowC6-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrowcontainer.c6.right:hover {
    background-position: 106% 50%;
}

.arrowcontainer.chapter7 {
    background-image: url('../images/ArrowC7-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    background-repeat: no-repeat;
}

.arrowcontainer.chapter7:hover {
    background-color: rgba(153, 132, 61, 0.29);
    background-image: url('../images/ArrowC7-01.png');
    background-position: 106% 50%;
}

.arrowcontainer.chapter7.right {
    background-image: url('../images/ArrowC7-01.png');
    background-position: 0% 50%;
    background-size: 200%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrowcontainer.chapter7.right:hover {
    background-position: 106% 50%;
}

.frise2 {
    width: 25%;
    padding-top: 39px;
    margin-right: -4px;
}

.frise3 {
    width: 25%;
    padding-top: 49px;
    margin-right: -4px;
}

.frise4 {
    width: 25%;
    padding-top: 50px;
    margin-right: -4px;
}

.frise1 {
    width: 25%;
    margin-right: -4px;
}

.sectiondisco {
    margin-bottom: 21px;
}

.sectiondisco.chapter3 {
    position: relative;
    margin-bottom: 21px;
    background-color: rgba(83, 124, 30, 0.8);
}

.sectiondisco.chapter1 {
    background-color: rgba(153, 61, 67, 0.8);
}

.sectiondisco.chapter4 {
    background-color: rgba(153, 98, 61, 0.8);
}

.sectiondisco.chapter5 {
    background-color: rgba(61, 153, 136, 0.8);
}

.sectiondisco.chapter7 {
    background-color: rgba(153, 132, 61, 0.8);
}

.chronodisco {
    display: block;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.disk {
    position: relative;
    width: 150px;
    height: 150px;
    max-height: 150px;
    max-width: 150px;
    margin-top: 0%;
    margin-bottom: 0%;
    padding: 0%;
    float: left;
    background-image: url('../images/Diskicon.png');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.disk.small {
    background-image: url('../images/DiskSmall.png');
    background-size: 125px;
}

.biolink {
	text-decoration:underline;
	color: #515151;
	cursor:pointer;
}	

.imagemargintop {
    margin-top: 16px;
}

.chapter6 {
    margin-bottom: 0px;
    background-color: rgba(117, 86, 124, 0.90);
    color: #e8e8e8;
}

.homebottom {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.rowhome {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: -150px;
    overflow-x: visible;
    overflow-y: visible;
}

.journal1 {
    width: 100%;
    max-width: 1100px;
    float: left;
    display: block;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.journal1.zoom {
    width: 2000px;
    max-width: 2000px;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.journal2 {
    display: block;
    width: 100%;
    max-width: 1100px;
    float: right;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.journal2.zoom {
    width: 2000px;
    max-width: 2000px;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.bottom.chapter1 {
    background-color: transparent;
    font-family: mostra-nuova, sans-serif;
    color: white;
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
    text-align: left;
}

.arrowbottom {
    display: block;
    margin-top: 10px;
    -webkit-transform: scale(0.59);
    -ms-transform: scale(0.59);
    -o-transform: scale(0.59);
    transform: scale(0.59);
}

.arrowbottom.left {
    margin-top: -12px;
    float: left;
}

.arrowbottom.right {
    margin-top: -12px;
    float: right;
    -webkit-transform: scale(0.59) rotate(180deg);
    -ms-transform: scale(0.59) rotate(180deg);
    -o-transform: scale(0.59) rotate(180deg);
    transform: scale(0.59) rotate(180deg);
}

.textbottom {
    margin-top: 23px;
    font-family: mostra-nuova, sans-serif;
    color: white;
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.textbottom.right {
    text-align: right;
}

.columnbottom {
    width: 100%;
    height: 75px;
    padding-left: 10px;
    background-color: rgba(117, 86, 124, 0.6);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    text-decoration: none;
}

.columnbottom:hover {
    background-color: rgba(117, 86, 124, 0.95);
}

.columnbottom.chapter2 {
    width: 100%;
    background-color: rgba(61, 145, 163, 0.6);
    text-decoration: none;
}

.columnbottom.chapter2:hover {
    background-color: rgba(61, 145, 163, 0.95);
}

.columnbottom.chapter4 {
    background-color: rgba(153, 98, 61, 0.6);
    text-decoration: none;
}

.columnbottom.chapter4:hover {
    background-color: rgba(153, 98, 61, 0.95);
}

.columnbottom.chapter5 {
    background-color: rgba(61, 153, 136, 0.6);
    text-decoration: none;
}

.columnbottom.chapter5:hover {
    background-color: rgba(61, 153, 136, 0.95);
}

.columnbottom.chapter1 {
    width: 100%;
    background-color: rgba(153, 61, 67, 0.6);
    text-decoration: none;
}

.columnbottom.chapter1:hover {
    background-color: rgba(153, 61, 67, 0.95);
}

.columnbottom.chapter7 {
    background-color: rgba(153, 132, 61, 0.6);
}

.columnbottom.chapter7:hover {
    background-color: rgba(153, 132, 61, 0.95);
}

.columnbottom.chapter7.nolink {
    -webkit-transition: none 0ms ease;
    -o-transition: none 0ms ease;
    transition: none 0ms ease;
}

.columnbottom.chapter7.nolink:hover {
    background-color: rgba(153, 132, 61, 0.6);
}

.columnbottom.chapter3 {
    background-color: rgba(83, 124, 30, 0.6);
    text-decoration: none;
}

.columnbottom.chapter3:hover {
    background-color: rgba(83, 124, 30, 0.95);
}

.legend {
    display: block;
    max-width: 1100px;
    margin: 9px auto 0px;
    padding-top: 5px;
    padding-bottom: 3px;
    border-top: 1px solid #b0b0b0;
    font-family: mostra-nuova, sans-serif;
    color: #171717;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.legend.left {
    margin-left: 0px;
}

.legend.left._250 {
    max-width: 250px;
}

.legend.left._400 {
    max-width: 400px;
}

.legend.right {
    margin-right: 0px;
}

.legend.right._400 {
    max-width: 400px;
}

.legend.right._276 {
    max-width: 276px;
}

.legend.right._480 {
    max-width: 480px;
}

.legend._300 {
    max-width: 300px;
    float: none;
}

.legend._350 {
    max-width: 350px;
    float: none;
}

.legend._450 {
    max-width: 450px;
}

.legend._500 {
    max-width: 500px;
}

.legend._525 {
    max-width: 525px;
}

.legend._1016 {
    max-width: 1016px;
}

.legend._245 {
    max-width: 245px;
}

.legend._600 {
    max-width: 600px;
}

.legend._200 {
    max-width: 200px;
}

.legend._700 {
    max-width: 700px;
}

.legend._1000 {
    max-width: 1000px;
}

.legend._800 {
    max-width: 800px;
}

.legend._866 {
    max-width: 866px;
}

.legend._861 {
    max-width: 861px;
}

.legend._250 {
    max-width: 250px;
}

.legend._400 {
    max-width: 400px;
}

.legend._650 {
    max-width: 650px;
}

.legend._660 {
    max-width: 660px;
}

.legend._900 {
    max-width: 900px;
}

.legend._825 {
    max-width: 825px;
}

.legend._759 {
    max-width: 759px;
}

.legend._769 {
    max-width: 769px;
}

.legend._261 {
    max-width: 261px;
}

.legend._635 {
    max-width: 635px;
}

.legend._455 {
    max-width: 455px;
}

.legend._266 {
    max-width: 266px;
}

.legend._296 {
    max-width: 296px;
}

.collection {
    font-weight: 300;
}

.ftn {
    color: red;
    font-size: 13px;
    line-height: 9px;
    font-weight: 400;
}

.ftn-legend {
    color: red;
    font-size: 13px;
    font-weight: 300;
}

.imageright {
    display: block;
    margin-right: 0px;
    margin-left: auto;
    float: none;
}

.home {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    background-image: url('../images/Home-BG.jpg');
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.columntext {
    padding-right: 21px;
    padding-left: 21px;
}

.jazzmag {
    display: block;
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 800px;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

.imagefloatright {
    float: right;
}

.ftn-disco {
    font-size: 19px;
    font-weight: 400;
}

.introcontent {
    max-width: 800px;
    margin: 10% 6% 4% auto;
    padding-right: 20px;
    padding-bottom: 22px;
    padding-left: 20px;
    float: none;
    background-color: rgba(255, 255, 255, 0.8);
    font-family: mostra-nuova, sans-serif;
    font-size: 17px;
}

.introtitle {
    margin-top: -1%;
}

.introdates {
	font-size: 20px;
	line-height: 20px;
}

.introlinks {
    display: block;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: mostra-nuova, sans-serif;
    color: white;
    font-size: 47px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
	padding-top:10px;
	padding-bottom:10px;
}

.introlinks.chapter1 {
    display: block;
    max-width: 800px;
    background-color: rgba(153, 61, 67, 0.29);
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    text-decoration: none;
}

.introlinks.chapter1:hover {
    background-color: rgba(153, 61, 67, 0.6);
}

.introlinks.chapter2 {
    display: block;
    background-color: rgba(61, 145, 163, 0.29);
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    text-decoration: none;
}

.introlinks.chapter2:hover {
    background-color: rgba(61, 145, 163, 0.6);
}

.introlinks.chapter3 {
    background-color: rgba(83, 124, 30, 0.29);
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    text-decoration: none;
}

.introlinks.chapter3:hover {
    background-color: rgba(83, 124, 30, 0.6);
}

.introlinks.chapter4 {
    background-color: rgba(153, 98, 61, 0.29);
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

.introlinks.chapter4:hover {
    background-color: rgba(153, 98, 61, 0.6);
}

.introlinks.chapter5 {
    background-color: rgba(61, 153, 136, 0.29);
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

.introlinks.chapter5:hover {
    background-color: rgba(61, 153, 136, 0.6);
}

.introlinks.c6 {
    background-color: rgba(117, 86, 124, 0.29);
}

.introlinks.c6:hover {
    background-color: rgba(117, 86, 124, 0.6);
}

.introlinks.chapter7 {
    background-color: rgba(153, 132, 61, 0.29);
}

.introlinks.chapter7:hover {
    background-color: rgba(153, 132, 61, 0.6);
}

.discocontent {
    margin-top: 450px;
}

.disco {
    display: block;
    max-width: 1100px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

.rowdisco {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px none #b8b8b8;
    background-color: rgba(255, 255, 255, 0.90);
    font-family: mostra-nuova, sans-serif;
    font-size: 16px;
}

.discotoprow {
    padding: 20px 18px;
    font-family: mostra-nuova, sans-serif;
    color: white;
    font-size: 18px;
}

.discotoprow.chapter1 {
	background-color: rgba(153, 61, 67, 0.90);
}

.discotoprow.chapter2 {
    background-color: rgba(61, 145, 163, 0.90);
}

.discotoprow.chapter3 {
    background-color: rgba(83, 124, 30, 0.90);
}

.discotoprow.chapter4 {
    background-color: rgba(153, 98, 61, 0.90);
}

.discotoprow.chapter5 {
    background-color: rgba(61, 153, 136, 0.90);
}

.discotoprow.chapter6 {
    background-color: rgba(117, 86, 124, 0.90);
}

.discotoprow.chapter7 {
    padding-right: 18px;
    padding-left: 18px;
    background-color: rgba(153, 132, 61, 0.90);
}

.discorow2 {
    padding: 15px 18px;
    background-color: rgba(255, 255, 255, 0.90);
    font-family: mostra-nuova, sans-serif;
    font-size: 16px;
}

.middlecolumn {
    border-right: 1px solid #b8b8b8;
    border-left: 1px none #b8b8b8;
}

.halfcolumn {
    border-right: 1px solid #b8b8b8;
    border-left: 1px none #b8b8b8;
    width: 50%;
}

.middlecolumn.light {
    font-weight: 300;
}

.leftcolumn {
    border-right: 1px solid #b8b8b8;
    text-align: center;
}

.discorow3 {
    padding: 15px 18px;
    border-top: 1px solid #b8b8b8;
    background-color: rgba(255, 255, 255, 0.90);
    font-family: mostra-nuova, sans-serif;
    font-size: 16px;
}

.imgnews {
	margin-left:25px;
}

.nav {
    display: block;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
}

.menu {
    margin-top: -50px;
    padding: 25px 15px 14px;
    float: left;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.menu:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.menu.w--open {
    position: relative;
    margin-top: -51px;
    padding-top: 25px;
    padding-bottom: 15px;
    float: left;
    background-color: #99843d;
}

.menu.chapter1.w--open {
    background-color: #993d43;
}

.menu.chapter2.w--open {
    background-color: #3d91a3;
}

.menu.chapter3.w--open {
    background-color: #537c1e;
}

.menu.chapter4.w--open {
    background-color: #99623d;
}

.menu.chapter5.w--open {
    background-color: #3d9988;
}

.menu.chap6.w--open {
    background-color: #75567c;
}

.navmenu {
    margin-top: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    font-family: mostra-nuova, sans-serif;
    font-size: 18px;
}

.link {
    font-family: mostra-nuova, sans-serif;
    color: white;
    text-decoration: none;
	cursor:pointer;
}

.link.black {
    font-family: mostra-nuova, sans-serif;
    color: #515151;
    text-decoration: underline;
}

.link.footnote {
    text-decoration: underline;
}

.link.footnote:visited {
    color: #CFCFCF;
}

.menulink {
    width: 14%;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    text-align: center;
    z-index: 1000;
}

.menulink.left {
	width: 20%;
	height: auto;
	float: left;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	line-height: 5px;
}

.menulink.left:hover {
    background-color: #c9c9c9;
}

.menulink.left.w--current {
    color: #99843d;
}

.menulink.left.w--current:hover {
    background-color: transparent;
}

.menulink.right {
    top: 0px;
    right: 0px;
    margin-right: 0px;
    margin-left: auto;
    float: right;
}

.datemenu {
	font-size:11px;
	font-weight:300;
}

.menulink.chapter1 {
    width: 15%;
    float: left;
    background-color: transparent;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 15px;
	padding-top:7px;
	padding-bottom:5px;
}

.menulink.chapter1:hover {
    background-color: rgba(153, 61, 67, 0.8);
    color: #FFFFFF;
}

.menulink.chapter1.w--current {
    width: 15%;
    background-color: transparent;
    color: #993d43;
}

.menulink.chapter1.w--current:hover {
    background-color: transparent;
}

.menulink.chapter2 {
    width: 14%;
    float: left;
    background-color: transparent;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 15px;
	padding-top:7px;
	padding-bottom:5px;
}

.menulink.chapter2:hover {
    background-color: rgba(61, 145, 163, 0.8);
    color: #FFFFFF;
}

.menulink.chapter2.w--current {
    color: #3d91a3;
}

.menulink.chapter2.w--current:hover {
    background-color: transparent;
}

.menulink.chapter3 {
    width: 14%;
    float: left;
    clear: none;
    background-color: transparent;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 15px;
	padding-top:7px;
	padding-bottom:5px;
}

.menulink.chapter3:hover {
    background-color: rgba(83, 124, 30, 0.8);
    color: #FFFFFF;
}

.menulink.chapter3.w--current {
    color: #537c1e;
}

.menulink.chapter3.w--current:hover {
    background-color: transparent;
}

.menulink.chapter4 {
    width: 14%;
    float: left;
    background-color: transparent;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 15px;
	padding-top:7px;
	padding-bottom:5px;
}

.menulink.chapter4:hover {
    background-color: rgba(153, 98, 61, 0.8);
    color: #FFFFFF;
}

.menulink.chapter4.w--current {
    color: #99623d;
}

.menulink.chapter4.w--current:hover {
    background-color: transparent;
}

.menulink.center {
	width: 20%;
	float: left;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	line-height: 5px;
}

.menulink.center:hover {
    background-color: #c9c9c9;
}

.menulink.center.w--current {
    color: #99843d;
}

.menulink.center.w--current:hover {
    background-color: transparent;
}

.menulink.chapter7 {
    width: 15%;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 15px;
	padding-top:7px;
	padding-bottom:5px;
}

.menulink.chapter7:hover {
    background-color: rgba(153, 132, 61, 0.8);
    color: #FFFFFF;
}

.menulink.chapter7.w--current {
    color: #99843d;
}

.menulink.chapter7.w--current:hover {
    background-color: transparent;
}

.menulink.chapter5 {
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 15px;
	padding-top:7px;
	padding-bottom:5px;
}

.menulink.chapter5:hover {
    background-color: rgba(61, 153, 136, 0.8);
    color: #FFFFFF;
}

.menulink.chapter5.w--current {
    color: #3d9988;
}

.menulink.chapter5.w--current:hover {
    background-color: transparent;
}

.menulink.chap6 {
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 15px;
	padding-top:7px;
	padding-bottom:5px;
}

.menulink.chap6:hover {
    background-color: rgba(117, 86, 124, 0.8);
    color: #FFFFFF;
}

.menulink.chap6.w--current {
    color: #75567c;
}

.menulink.chap6.w--current:hover {
    background-color: transparent;
}

.menutitle {
    margin-top: 44px;
    border-top: 1px solid #b0b0b0;
    background-color: #c9c9c9;
    font-size: 20px;
    line-height: 33px;
}

.introheading {
    font-family: mostra-nuova, sans-serif;
    font-size: 90px;
    line-height: 100px;
    font-weight: 300;
    text-align: center;
}

.introsubheading {
    font-family: mostra-nuova, sans-serif;
    font-size: 30px;
    line-height: 32px;
    font-weight: 300;
    text-align: center;
}

.introdedicated {
    margin-top: 30px;
    padding-top: 11px;
    border-top: 1px solid #a8a8a8;
    font-family: mostra-nuova, sans-serif;
    font-size: 23px;
    line-height: 25px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

.introblocklinks {
    max-width: 800px;
    margin-right: 6%;
    margin-left: auto;
}

.discolink {
    display: block;
    max-width: 950px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    font-family: mostra-nuova, sans-serif;
    color: #f2f2f2;
    font-size: 23px;
    line-height: 30px;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
}

.discolink:hover {
    box-shadow: none;
    text-decoration: none;
    text-shadow: rgba(10, 10, 10, 0.8) 1px 1px 6px;
}

.discolink:active {
    box-shadow: none;
    text-shadow: rgba(0, 0, 0, 0.70) 0px -1px 0px;
}

.disconolink {
    max-width: 950px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    font-family: mostra-nuova, sans-serif;
    color: rgba(201, 199, 199, 0.8);
    font-size: 23px;
    line-height: 30px;
    text-align: right;
}

#overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100;
    display: none;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    background-color: rgba(51, 51, 51, 0.70);
}

#lightbox {
    display: block;
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 70%;
    max-width: 1100px;
    min-height: 50%;
    margin-top: 10%;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
}

#lightboxdisk {
    display: block;
    max-height: 90%;
    max-width: 1100px;
    min-height: 50%;
	margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
}

.close {
    position: relative;
    top: 0px;
    right: 0px;
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: auto;
    float: right;
    background-color: rgba(0, 0, 0, 0.70);
    background-image: url('../images/Close-01.png');
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
	z-index:100;
}

.close:hover {
    background-color: rgba(0, 0, 0, 0.90);
}

.introthanks {
    display: block;
    margin-top: 140px;
    margin-right: auto;
    margin-left: auto;
    padding: 23px 20px 22px;
    background-color: rgba(255, 255, 255, 0.8);
    font-family: mostra-nuova, sans-serif;
}

.textfooter {
    max-width: 500px;
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 28px;
    padding-bottom: 0px;
    float: left;
    text-decoration: none;
}

.textfooter.right {
    float: right;
}

.acknowledgements {
    max-width: 1000px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
}

.browse {
    height: 95px;
    padding-top: 8px;
    background-color: rgba(255, 255, 255, 0.8);
    font-family: mostra-nuova, sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    text-align: center;
}

.itunes {
    display: block;
	height: 40px;
	width: 100px;
    margin-right: 34px;
    margin-left: auto;
	margin-top: -5px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 38px;
    float: left;
    background-image: url('../images/Get_it_on_iTunes_Badge_US_1114.svg');
    background-position: center;
    background-size: 95px;
    background-repeat: no-repeat;
    font-family: mostra-nuova, sans-serif;
    color: #dbdbdb;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.itunes.preorder {
	background-image: url('../images/Pre-order_on_iTunes_Badge_US-UK_0614.svg');
}

.itunes.preorder.itunescenter {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	float:none;
}

.itunes.only {
    max-width: 194px;
    margin-right: auto;
    float: none;
}

.applemusic {
    display: block;
	height: 40px;
	width: 100px;
    margin-right: 34px;
    margin-left: auto;
	margin-top: -5px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 38px;
    float: left;
    background-image: url('../images/US_Listen_on_Apple_Music_Badge.svg');
    background-position: center;
    background-size: 95px;
    background-repeat: no-repeat;
    font-family: mostra-nuova, sans-serif;
    color: #dbdbdb;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.spotify {
    display: block;
	height: 40px;
	width: 100px;
    margin-right: 34px;
    margin-left: auto;
	margin-top: -5px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 38px;
    float: left;
    background-image: url('../images/spotify_button.png');
    background-position: center;
    background-size: 95px;
    background-repeat: no-repeat;
    font-family: mostra-nuova, sans-serif;
    color: #dbdbdb;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.amazon {
	height:40px;
	width:100px;
	margin-top: -4px;
	background-image: url('../images/Amazon.png');
	background-position: center;
    background-size: 90px;
    background-repeat: no-repeat;
}

.discowrap {
    margin-bottom: 53px;
}

.discorow4 {
    padding: 10px 18px;
    background-color: rgba(150, 150, 150, 0.6);
}

.discorow4.hide {
    display: none;
}

.homeblock {
    position: absolute;
    left: 0px;
    top: 52%;
    right: 0px;
    bottom: 13%;
    max-width: 700px;
    margin-top: 0%;
    margin-right: 9%;
    margin-left: auto;
    padding-left: 0%;
    clear: none;
}

.hometitle {
    position: absolute;
    left: 0px;
    top: 3%;
    right: 0px;
    bottom: 63%;
    display: block;
    max-width: 700px;
    margin-right: 9%;
    margin-left: auto;
    padding-left: 0%;
}

.homebottomright {
    height: 137px;
}

.buycd {
	height:40px;
	width:100px;
	margin-top: -4px;
	background-image: url('../images/Bandcamp.png');
	background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
}

.sunnysidecd {
	height:40px;
	width:100px;
	margin-top: -4px;
	background-image: url('../images/Sunnyside.png');
	background-position: center;
    background-size: 95px;
    background-repeat: no-repeat;
}

.buycd.darkfont {
	color:#303030;
}

.download {
    margin-top: 0px;
    margin-right: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 38px;
    float: left;
    background-image: url('../images/Download.png');
    background-position: 0px 0px;
    background-size: 23px;
    background-repeat: no-repeat;
    font-family: mostra-nuova, sans-serif;
    color: #dbdbdb;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
}

.downloadlinks {
    display: block;
    height: 35px;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
}

.sunnyside {
    margin-top: 75px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
}

.contactform {
    display: block;
    width: 450px;
    margin-right: auto;
    margin-left: auto;
}

.formlables {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    padding-top: 0px;
}

.submitbutton {
    display: block;
    width: 450px;
    margin-top: 29px;
    background-color: #99843d;
    opacity: 0.8;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    font-size: 21px;
}

.submitbutton:hover {
    opacity: 1;
}

.submitbutton:active {
    box-shadow: #bfbfbf 0px 0px 6px 0px inset;
}

.tabletbg {
    display: none;
}

#imgzoom {
	width:100%;
}

/*Player*/

.soundPlayer {
	width: 28px;
	margin-right:auto;
	margin-left:auto;
	margin-top:-4px;
	float:right;
}

#player{
	width: auto;
	height: auto;
	position: relative;
	border-radius: 50%;
	display:block;
	background: -webkit-radial-gradient(50% 55%, farthest-side, rgba(111, 111, 111, 0.30), rgba(111, 111, 111, 0));
	background: -o-radial-gradient(50% 55%, farthest-side, rgba(111, 111, 111, 0.30), rgba(111, 111, 111, 0));
	background: -moz-radial-gradient(50% 55%, farthest-side, rgba(111, 111, 111, 0.30), rgba(111, 111, 111, 0));
	background: radial-gradient(farthest-side at 50% 50%, rgba(111, 111, 111, 0.30), rgba(111, 111, 111, 0));
}
#knobSlider{
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
}
#play_pause{
	width:auto;
	height:auto;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	cursor:pointer;
	display:block;
}
#playBtn{
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	left:1px;
}
#pauseBtn{
	width:100%;
	height:100%;
	position:absolute;
	display:none;
}
#play_pause img{
	display:block;
    margin:0 auto;
}
canvas{
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 50%;
	display: block;
}
#warning{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: auto;
	text-align: center;
	color: #474747;
	font-weight: bold;
}
#audio{	
	display: none;
	width: 0px;
	height: 0px;
}
svg{
	display:block;
    margin:0 auto;
}
svg path{
	fill:rgba(246,246,246,1.00);
}
svg:hover path{
	fill:rgba(153,132,61,1.00);
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	 .chronology.chapter1 {
        background: transparent;
    }

    .chronology.chapter2 {
        background: transparent;
    }

    .chronology.chapter3 {
        background: transparent;
    }

    .chronology.chapter4 {
        background: transparent;
    }

    .chronology.chapter5 {
        background: transparent;
    }

    .chronology.chapter6 {
        background: transparent;
    }

    .chronology.chapter7 {
        background: transparent;
    }
	
	.common {
		background: transparent;
	}

    .tabletbg.comn {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: url('../images/Home-BG.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }
	
    .tabletbg {
        display: block;
    }

    .tabletbg.chapter1 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter2 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter3 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter4 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter5 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter6 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter7 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: url('../images/Clover-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .chronologytop.chapter1 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter2 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter3 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter4 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter5 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter6 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter7 {
        top: 0;
        left: 0;
        background-image: url('../images/Clover-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .loaderscreen {
        z-index: 11000;
        background-image: url('../images/Chrono-BG-Tablet.jpg');
    }
	
    .chronochapter {
        margin-top: -12px;
        font-size: 28px;
    }

    .chapternavsection {
        margin-top: 150px;
    }
	
	.hometitle {
		margin-right: 2%;
	}
	
	.homeblock {
		margin-right: 2%;
		top:58%;
	}
	
	.note {
		max-width: 350px;
	}
}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    h1 {
        max-width: 1000px;
        clear: both;
    }

    h3 {
        padding-left: 43px;
    }

    h4 {
        margin-top: 0px;
        font-size: 90px;
    }

    .chronology.chapter1 {
        background: transparent;
    }

    .chronology.chapter2 {
        background: transparent;
    }

    .chronology.chapter3 {
        background: transparent;
    }

    .chronology.chapter4 {
        background: transparent;
    }

    .chronology.chapter5 {
        background: transparent;
    }

    .chronology.chapter6 {
        background: transparent;
    }

    .chronology.chapter7 {
        background: transparent;
    }

    .tabletbg {
        display: block;
    }
	
	.common {
		background: transparent;
	}

    .tabletbg.comn {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: url('../images/Home-BG.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter1 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter2 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter3 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter4 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter5 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter6 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter7 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: url('../images/Clover-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .chronologytop.chapter1 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter2 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter3 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter4 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter5 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter6 {
        top: 0;
        left: 0;
        background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Tablet.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .chronologytop.chapter7 {
        top: 0;
        left: 0;
        background-image: url('../images/Clover-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .loaderscreen {
        z-index: 11000;
        background-image: url('../images/Chrono-BG-Tablet.jpg');
    }

    .intro {
        margin-top: 314px;
        margin-right: 8%;
    }

    .homelegend {
        margin-right: 8%;
    }

    .note {
        position: static;
        left: 0px;
        right: 0px;
        bottom: -100px;
        display: block;
        min-width: 165px;
        margin-top: 42px;
        float: none;
    }

    .hometext {
        max-width: 100%;
        margin-top: -40px;
        margin-right: auto;
        padding-left: 0px;
    }

    .landingbutton {
        display: inline-block;
    }

    .chronochapter {
        margin-top: -12px;
        font-size: 28px;
    }

    .chapternavsection {
        margin-top: 150px;
    }

    .chaptertitle {
        padding-top: 30%;
    }

    .content.quote._600 {
        padding-right: 13px;
    }

    .content.quote._590 {
        padding-right: 0px;
        padding-bottom: 7px;
    }

    .content.c1p1 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c1p2 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c1p3 {
        margin-top: 0%;
        padding: 6px 0px;
    }

    .content.c1p4 {
        margin-top: 12%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c1p5 {
        margin-top: 4%;
        margin-left: auto;
    }

    .content.c1p6 {
        margin-top: 2%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c1p7 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c1p8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c1p9 {
        margin-top: 21%;
        padding-right: 0px;
    }

    .content.c1p10 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c1p11 {
        margin-top: 60%;
    }

    .content.c1p13 {
        margin-top: 6%;
        padding-left: 0px;
    }

    .content.c1p14 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .content.c2p1 {
        margin-top: 23%;
    }

    .content.top.c5p1 {
        margin-top: -3%;
    }

    .content.c2p3 {
        margin-top: 11px;
    }

    .content.c2p5 {
        margin-top: 7px;
    }
	
	.content.c3p2 {
 	    margin-top: 1%;
	}
	
	.content.c3p3 {
    	margin-top: 25%;
	}

	.content.c3p4 {
    	margin-top: 22%;
	}

	.content.c3p5 {
    	margin-top: 15%;
	}

    .content.c5p2 {
        margin-top: 28%;
    }
	
    .content.c6p1 {
        margin-top: 1%;
    }

    .content.c7p2 {
        margin-top: 3%;
    }

    .content.c7p3 {
        margin-top: 3%;
    }

    .content.c7p4 {
        margin-top: 88%;
    }

    .content.c7p5 {
        margin-top: 5%;
    }

    .content.c7p6 {
        margin-top: 9%;
    }

    .content.c7p7 {
        margin-top: 5%;
    }

    .content.c7p8 {
        margin-top: 3%;
    }

    .content.c7p2-1 {
        margin-top: 1%;
    }

    .imageleft.journal:hover {
        width: 90%;
    }

    .imageslider {
        max-width: 70%;
    }

    .imagecenter.c7 {
        max-width: 224px;
    }

    .imagecenter.c7-2 {
        max-width: 185px;
    }

    .legend {
        padding-right: 4px;
    }

    .introcontent {
        display: block;
        margin-right: auto;
		margin-top:96px;
    }

    .introblocklinks {
        display: block;
        margin-right: auto;
    }

    .homeblock {
        top: 12%;
        bottom: 17%;
    }

    .hometitle {
        max-width: 100%;
        margin-right: auto;
    }
	
	.sectionfull.birdland {
   		background-position: 50% 0px;
	}
	
	.sectionfull.junechristy {
   		background-position: 50% 0px;
	}
	
	.chaptertitle:hover .chapternav.left {
    opacity: 0.15;
	}

	.chaptertitle:hover .chapternav.right {
    opacity: 0.15;
	}
	
	.menulink {
	padding-right: 1px;
    padding-left: 1px;
	}

}

@media (max-width: 767px) {
    h1 {
        font-size: 176px;
    }

    h2 {
        margin-top: -27px;
        font-size: 25px;
    }

    h3 {
        font-size: 22px;
    }

    .intro {
        margin-top: 65px;
        margin-right: auto;
    }

    .homelegend {
        margin-right: auto;
    }

    .hometext {
        top: 0%;
        margin-top: 0px;
    }

    .chronology.chapter1 {
        background-image: -webkit-linear-gradient(rgba(207, 0, 0, 0.2), rgba(207, 0, 0, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(207, 0, 0, 0.2), rgba(207, 0, 0, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(207, 0, 0, 0.2), rgba(207, 0, 0, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-position: 0% 0%, 50% 0%;
        background-size: auto, auto;
        background-repeat: repeat, no-repeat;
        background-attachment: scroll, fixed;
    }

    .chronology.chapter2 {
        background-image: -webkit-linear-gradient(rgba(0, 139, 232, 0.2), rgba(0, 139, 232, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(0, 139, 232, 0.2), rgba(0, 139, 232, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(0, 139, 232, 0.2), rgba(0, 139, 232, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-position: 0% 0%, 45% 0%;
        background-size: auto, auto;
        background-repeat: repeat, no-repeat;
        background-attachment: scroll, fixed;
    }

    .chronology.chapter3 {
        background-image: -webkit-linear-gradient(rgba(81, 212, 0, 0.2), rgba(81, 212, 0, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(81, 212, 0, 0.2), rgba(81, 212, 0, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(81, 212, 0, 0.2), rgba(81, 212, 0, 0.2)), url('../images/Chrono-BG-Phone.jpg');
        background-position: 0% 0%, 50% 0px;
        background-size: auto, auto;
        background-repeat: repeat, no-repeat;
        background-attachment: scroll, fixed;
    }

    .chronology.chapter4 {
        background-image: -webkit-linear-gradient(rgba(255, 136, 0, 0.29), rgba(255, 136, 0, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(255, 136, 0, 0.29), rgba(255, 136, 0, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(255, 136, 0, 0.29), rgba(255, 136, 0, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-position: 0% 0%, 0% 0%;
        background-size: auto, auto;
        background-repeat: repeat, no-repeat;
        background-attachment: scroll, fixed;
    }

    .chronology.chapter5 {
        background-image: -webkit-linear-gradient(rgba(0, 194, 155, 0.29), rgba(0, 194, 155, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(0, 194, 155, 0.29), rgba(0, 194, 155, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(0, 194, 155, 0.29), rgba(0, 194, 155, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-position: 0% 0%, 0% 0%;
        background-size: auto, auto;
        background-repeat: repeat, no-repeat;
        background-attachment: scroll, fixed;
    }
    .chronology.chapter6 {
        background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-position: 0% 0%, 0% 0%;
        background-size: auto, auto;
        background-repeat: repeat, no-repeat;
        background-attachment: scroll, fixed;
    }
    .chronologytop.chapter2 {
        display: none;
    }

    .chronologytop.chapter1 {
        display: none;
    }

    .chronologytop.chapter3 {
        display: none;
    }

    .chronologytop.chapter4 {
        display: none;
    }

    .chronologytop.chapter5 {
        display: none;
    }
    .chronologytop.chapter6 {
        display: none;
    }
    .chronologytop.chapter7 {
        display: none;
    }

    .content.center {
        padding-right: 21px;
        padding-left: 21px;
    }

    .content.quote {
        padding-right: 21px;
    }

    .content.quote.marginbottom {
        padding-right: 21px;
    }

    .content.c1p2 {
        margin-top: 21%;
    }

    .content.c1p4 {
        margin-top: 3%;
    }

    .content.c1p7 {
        margin-top: 22%;
    }

    .content.c1p8 {
        margin-top: 5%;
    }

    .content.c1p9 {
        margin-top: 4%;
    }

    .content.c1p10 {
        margin-top: 38%;
    }

    .content.c2p1 {
        margin-top: 5%;
    }

    .content.top {
        padding-right: 21px;
        padding-left: 21px;
    }

    .content.c4p1 {
        margin-top: 2%;
    }

    .content.c5p2 {
        margin-top: 1%;
    }

    .content.c5p4 {
        margin-top: 3%;
        margin-bottom: 14px;
    }

    .content.c5p5 {
        margin-top: 3%;
    }

    .content.c7p1 {
        margin-top: 3%;
    }

    .content.c7p4 {
        margin-top: 5%;
    }

    .content.c7p6 {
        margin-top: 3%;
    }

    .imageleft.march:hover {
        max-width: 300px;
    }

    .home {
        overflow-x: visible;
        overflow-y: visible;
    }

    .menu {
        margin-top: -40px;
        padding-top: 14px;
    }

    .menulink {
        padding-right: 2px;
        padding-left: 2px;
    }

    .itunes {
        margin-right: 25px;
        padding-left: 32px;
    }

    .homeblock {
        left: 0px;
        top: 19%;
        right: 0px;
        bottom: auto;
        display: block;
        margin-right: auto;
        -webkit-transform: scale(0.88);
        -ms-transform: scale(0.88);
        -o-transform: scale(0.88);
        transform: scale(0.88);
    }

    .hometitle {
        top: 1%;
    }

    .buycd {
        margin-right: 25px;
        padding-left: 32px;
    }

    .download {
        padding-left: 32px;
        float: left;
    }

    .downloadlinks {
        max-width: 575px;
    }
}

@media (max-width: 479px) {
    h1 {
        font-size: 100px;
        line-height: 100px;
		margin-right:auto;
		text-indent:-14px;
    }

    h2 {
        margin-top: -18px;
		font-size: 20px;
		margin-right:auto;
		margin-left:auto;
		width:auto;
		line-height:23px;
		text-indent:0;
    }

    h3 {
        margin-top: 1px;
        padding-left: 71px;
        font-size: 14px;
        line-height: 19px;
    }

    h4 {
        margin-top: 0px;
        font-size: 57px;
		padding-top:0px;
		width:auto;
    }

    h5 {
        padding-top: 16px;
        padding-bottom: 10px;
        font-size: 30px;
    }

    .intro {
        margin-right: auto;
		font-size:18px;
		line-height:20px;
		margin-top:105px;
    }

    .homelegend {
        margin-right: auto;
		font-size:20px;
		line-height:25px;
    }
	
	.hometitle {
		margin-right:auto;
	}
	
	.nomob {
		display:none;
	}
	
	.button {
		line-height:24px;
		font-size:22px;
	}
	
	.arrowlanding {
		max-width:50%;
	}
	
	.landingbutton {
		width:140px;
		height:120px;
		margin-top:16px;
	}
	
	.landingbutton:hover {
		margin-top:22px;
	}

    .note {
        margin-top: -71%;
    }
	
	.introcontent {
		margin-top:50px;
		margin-right:0px;
	}
	
	.introheading {
		font-size:80px;
		line-height:90px;
	}
	
	.introblocklinks {
		margin-right:0px;
	}
	
	.topbar {
		height:44px;
	}

    .topbar.chapter1 {
        height: 44px;
    }

    .topbar.chapter3 {
        height: 44px;
    }

    .topbar.chapter4 {
        height: 44px;
    }

    .topbar.chapter5 {
        height: 44px;
    }

    .landingbutton {
        display: block;
    }

    .chronochapter {
        margin-top: -24px;
        font-size: 17px;
        line-height: 20px;
		width:auto;
		height:auto;
    }
	
	.chapternavsection {
		margin-top: 152px;
	}
	
    .chronologytop.chapter1 {
        display: none;
    }

    .content.c1p2 {
        margin-top: 5%;
    }

    .content.c1p9 {
        margin-top: 4%;
    }

    .content.c1p10 {
        margin-top: 7%;
    }

    .content.c1p11 {
        margin-top: 4%;
        padding-right: 0px;
    }

    .content.top {
        padding-right: 21px;
        padding-left: 21px;
    }

    .imageleft.march:hover {
        max-width: 300px;
    }

    .menu {
        margin-top: -41px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menu.w--open {
        padding-top: 18px;
    }

    .menulink {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 13px;
        line-height: 18px;
    }
	
	.datemenu {
		font-size:9px;
	}

    .menulink.left {
        line-height: 20px;
    }

    .menulink.chapter1 {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 13px;
        line-height: 17px;
    }

    .menulink.chapter2 {
        line-height: 17px;
    }

    .menulink.chapter3 {
        line-height: 17px;
    }

    .menulink.chapter4 {
        line-height: 17px;
    }

    .menulink.center {
        line-height: 20px;
    }

    .menulink.chapter7 {
        line-height: 17px;
    }
	
	.menulink.chapter1.w--current {
        line-height: 17px;
    }

    .menulink.chapter7.w--current {
        line-height: 17px;
    }

    .menulink.chapter5 {
        line-height: 17px;
    }

    .menulink.chap6 {
        line-height: 17px;
    }

    .menutitle {
        margin-top: 31px;
    }

    .chronology.chapter1 {
        background: transparent;
    }

    .chronology.chapter2 {
        background: transparent;
    }

    .chronology.chapter3 {
        background: transparent;
    }

    .chronology.chapter4 {
        background: transparent;
    }

    .chronology.chapter5 {
        background: transparent;
    }

    .chronology.chapter6 {
        background: transparent;
    }

    .chronology.chapter7 {
        background: transparent;
    }

    .tabletbg {
        display: block;
    }
	
	.loaderscreen {
		background-image: url('../images/Chrono-BG-Phone.jpg');
	}
	
	.common {
		background: transparent;
	}

    .tabletbg.comn {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: url('../images/Home-BG.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter1 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(153, 61, 67, 0.29), rgba(153, 61, 67, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter2 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(61, 145, 163, 0.29), rgba(61, 145, 163, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter3 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(83, 124, 30, 0.29), rgba(83, 124, 30, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter4 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(153, 98, 61, 0.29), rgba(153, 98, 61, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter5 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(61, 153, 136, 0.29), rgba(61, 153, 136, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter6 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: -webkit-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: -o-linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-image: linear-gradient(rgba(117, 86, 124, 0.29), rgba(117, 86, 124, 0.29)), url('../images/Chrono-BG-Phone.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }

    .tabletbg.chapter7 {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: url('../images/Clover-BG-Tablet.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        position: fixed;
    }
	
	.contactform {
		width: auto;
	}
	
	.submitbutton {
		width:200px;
		margin-left:auto;
		margin-right:auto;
	}
	
}