html, body {
		font-family: 'Libre Caslon Text', serif!important;
        line-height:1.5;
        font-size:18px;
	}
@media (min-width: 960px) {
    h1 {
        font-size: 3rem
    }
    .image-desktop {
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        height:100%;
        object-fit:cover;
    }
}
@media (max-width: 959px) {
    h1 {
        font-size: 2rem
    }
}
h2, h5, .credits, .credits a{
    font-size:0.8rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
h2 {
    font-size: 1rem;
}
a,.contact p{
    font-size:16px;
    text-decoration:none;
}
h1{
    font-weight:700;
    font-family: 'Poppins', sans-serif;
}
#image{
    opacity:0;
    animation: fadein 3s;
    animation-fill-mode: forwards;
}
#text, #text .two{
    opacity:0;
    animation: fadein 3s;
    animation-delay: 500ms;
    animation-fill-mode: forwards;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}