* {
    box-sizing: border-box !important;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: hsl(0, 0%, 29%);
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    background-image: url(/bilder/index.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.ce_text {
    width: 40vw;
    height: 100vh;
    padding: 5%;
    background-color: rgba(255,255,255,0.7);
}
@media (max-width:500px) {
    .ce_text {
        width: 100vw;
    }    
}
@media (min-width:500px) and (max-width:950px) {
    .ce_text {
        width: 60vw;
    }    
}
.ce_text h1, .ce_text h2 {
    color: rgb(150, 131, 83);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    line-height: 1;
}