/* design */
html, body {
	background-color:#ffeadb;
	margin:0;
}

p {
    margin: 0px;
}

#graphic_wrapper {
    position:relative;
    width:100%;
    background-color:"red";
}

#content_wrapper { 
    position:fixed;
    width:100%;
    max-width:460px;
    margin:auto;
    background-color:#ffeadb;
}

#FDProject {
    width:100%;
}

#infotext {
    position:absolute;
/*    left:2%;*/
    left:0;
    top:2%;
    max-width:50%;
/*    color:#66767d;*/
    color:#000;
/*    opacity: .6;*/
}

#zeteltekst1 {
    position:absolute;
    width:48%;
    left:0px;
    overflow:hidden;
}

#zeteltekst2 {
    position:absolute;
    width:48%;
    left:52%;
    overflow:hidden;
}

#interactie {
    visibility: hidden;
}

#scrollteksten {
    max-width:300px;
    position:relative;
}

.scrolltekst{
    padding:10px;
    background-color: rgba(255, 255, 255, .8);
}

/* tekst */
.graphic_kop {
    font-family: 'ArnhemProBlond', Georgia, serif;
    font-size: 25px;
    color: #4393ab;
}

/*
.graphic_intro {
    font-family: 'ProximaNovaRegular', Helvetica, sans-serif;
    font-size: 19px;
}
*/

.graphic_tussenkop {
    font-family: 'ProximaNovaBold', Helvetica, sans-serif;
    font-size: 19px;
}

.graphic_bold {
    font-family: 'ProximaNovaBold', Helvetica, sans-serif;
    font-size: 17px;
}

.graphic_tekst {
    font-family: 'ProximaNovaRegular', Helvetica, sans-serif;
    font-size: 17px;
    line-height:22px;
}

.graphic_credit {
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    float:right;
}

/* loader */
#graphicLoader {
    height:300px;
    width:100%;
    padding-top:150px;
}

.GRloader {
    border: 3px solid rgba(0,0,0,.1); /* Cirkel */
    border-top: 3px solid #756d67; /* Stukje */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    margin:auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media all and (max-width: 700px) {
    #content_wrapper { /*mobile first*/
        width:95%;
    }
}

@media all and (max-width: 640px) {    
    .graphic_intro {
        font-size: 17px;
    }
}