html, body {
    font-size: 0.7em;
    font-family: 'Open Sans Condensed', sans-serif;
    position: relative;
    height: 100%;
    color:white;
}

h1, h2 {
    font-size: 2.1rem;
    font-family: "Georgia", "Times New Roman", serif;
    border-bottom: rgba(255,255,255,0.5) solid 1px;
    padding-bottom: 1rem;
    color: #FFD483;
    text-shadow: 1px 1px 1px #000;
}

h2 {
    font-size: 1.8rem;
}

a {
    color: #E4D68C;
    text-decoration: none;
    border-bottom: dotted 1px;
}

a:hover {
    color: #FFBF29;

}


.subheading {
    font-size: 1.7rem;
    display: block;
}

.swiper-container {
    width: 100%;
    height: 100%;
    background: #000;
}
.swiper-slide {
    overflow: hidden;
}

.slide_content {
    margin: 2rem 0;
    height: 100%;
    position: relative;
}


.slide_timeline {
    /* padding: 2rem 4rem; */
    height: 85%;
}

p {

    /* text-align: justify; */

    /* text-indent: 2rem; */

    font-size: 1.4rem;
}

.slide_content p {

    /*max-width: 60%;*/

    text-shadow: 1px 1px 1px #000!important;
}

.credits {
    bottom: 0;
    position: static;
    color: antiquewhite;
    right: 0;
    background-color: rgba(0, 0, 0, 0.26);
    padding: 1rem 1rem 4rem 1rem;
    font-size: 1rem;
}

img {
    max-width: 100%;
    box-sizing: border-box;
}

img.framed {
    padding: 1rem;
    background: rgba(255, 255, 255, 0.58);
    border: rgba(255, 255, 255, 0.61) solid 1px;
    /*max-width: 50%;
    margin-left: 2rem;*/
}

.left-part p {
    width: initial;
}


h1+p:first-letter {
    float:left;
    padding: 0 0.5rem;
    color: #FFB01A;
    font-family: Georgia;
    font-size: 4rem;
    line-height: 0.6rem;
}

.parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 160%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.gradient {
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.9+1,0.65+51,0+100 */
    background: -moz-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.75) 51%, rgba(0,0,0,0) 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(23, 85, 121, 0.9)), color-stop(51%, rgba(0, 0, 0, 0.75)), color-stop(100%,rgba(0,0,0,0)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.75) 51%,rgba(0,0,0,0) 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.76) 51%,rgba(0,0,0,0) 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.76) 51%,rgba(0,0,0,0) 100%);/* IE10+ */
    background: linear-gradient(to right,  rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.76) 51%,rgba(0,0,0,0) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 );/* IE6-9 */
}

.bg-mobile {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.9+1,0.65+51,0+100 */
    background: -moz-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.75) 51%, rgba(0,0,0,0) 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(23, 85, 121, 0.9)), color-stop(51%, rgba(0, 0, 0, 0.76)), color-stop(100%,rgba(0,0,0,0)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.76) 51%,rgba(0,0,0,0) 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.76) 51%, rgb(24, 84, 119) 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.75) 51%, rgb(24, 84, 119) 100%);/* IE10+ */
    background: linear-gradient(to right, rgb(23, 85, 121) 1%, rgba(0, 0, 0, 0.76) 51%, rgb(24, 84, 119) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 );/* IE6-9 */
}

#logo_uzhnu {
    padding-right: 1rem;
    width:100px;
}


.container {
    max-width: 1920px;
}


.full-height {
    height: 100%;
}


@media (min-width: 400px) {

}

@media (min-width: 550px) {
    h1 {
        font-size: 2.5rem;
    }
    .subheading {
        font-size: 2rem;
    }
    #logo_uzhnu {
        width:150px;
    }
}

@media (min-width: 750px) {
    .left-part p {
        width: 60%;
    }

    .credits {
        position: absolute;
    }
}




/* Larger than desktop */
@media (min-width: 1000px) {
    h1 {
        font-size: 2.8rem;
    }
    .subheading {
        font-size: 2.3rem;
    }
    #logo_uzhnu {
        width:180px;
    }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    html, body {
        font-size: 1em;
    }
    .container {
        width: 90%;
    }

    .slide_timeline {
        padding: 2rem 4rem;
        height: 80%;
    }


    .tl-slide-content h2.tl-headline {
        font-size: 2.5rem !important;
        line-height: 2.4rem !important;
    }
    #logo_uzhnu {
        width:auto;
    }
}