html {
    font-family: 'Noto Sans', sans-serif;
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}


body {
    max-width: 1200px;
    margin: 0 auto;
}

.site-branding {
    border:0;
    clear: both
}

.custom-logo-link {
    float: left;
    width: 200px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.wordmark {
    float: right;
    width: 300px;
    margin: 0;
    padding: 0 25px 10px 0;
    text-align: right;
}


.site-title {
    font-weight: bold;
    font-size: 3em;
    margin: 0;
    padding: 0;
}

.site-description {
    margin: 0;
    padding: 0 0 10px 0;
}


.further-text {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 25px;
    text-align: center;
}

.slideshow-container img {
    border: 5px solid #555;
}


/* SLIDESHOW STYLES */


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}




/* Caption text */
.text {
    color: #f2f2f2;
    background: #555;
    font-size: 15px;
    margin: 0 auto;
    padding: 8px 12px;
    position: relative;
    width: 100%;
    border-radius: 0 3px 3px 0;
    bottom: 39px;
    text-align: center;
}



/* Fading animation */
.fade {
        opacity: 1;
        animation: fade 2s linear;
        -webkit-animation: fadeinout 6s linear alternate;
        animation: fadeinout 6s linear alternate;
}

@-webkit-keyframes fadeinout {
    0%,100% { opacity: .6; }
    75%,25% { opacity: 1; }
}

/* @keyframes fadeinout {
    0%,100% { opacity: .6; }
    25%,75% { opacity: 1; }
}  */