html,
body {
    min-height: 100%;
}

body {
    margin: 0 auto;
    background-image: url(images/codes_story_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    font-family: "SourceCodePro-Medium";
    color: white;
    font-size: 16px:
}

h1 {
    color: white;
    font-size: 85px;
}


.code2 {
    padding-left: 35px;
}

.code3 {
    padding-left: 65px;


}

.code4 {
    padding-left: 100px;
}


.code5 {
    padding-left: 65px;
}

.code6 {
    padding-left: 35px;


}

.box {
    font-size: 45px;
    padding-left: 30px;
    padding-top: 70px;
}

.bleu {
    color: rgb(120, 157, 241);
}

.orange {
    color: rgb(203, 107, 46)
}


@media only screen and (max-width: 1000px) {
    .box {
        font-size: 25px;
    }

    h1 {
        font-size: 55px;
    }

}


@media only screen and (max-width: 600px) {
    .box {
        font-size: 15px;
    }

    h1 {
        font-size: 35px;
    }
}