@font-face {
    font-family: "Augusta";
    src:
      local("Augusta"),
      url("../assets/fonts/Augusta.ttf");
  }

body {
    color: white;
    font-family: "Augusta";
    font-size: 1.2em;
    line-height: 1.2em;
}

.masthead {
    background-image: url("../assets/img/bg2.png");
    background-position: center;
    background-size: auto;
    color: white;
}

#mainNav {
    background-color: rgb(20, 20, 20);
}

.titre-studio {
    font-size: 1.2em;
    margin-bottom: -3px;
}

.marge {
    padding: 10px;
}

.marge_basse {
    margin-bottom: 20px;
}

.marge-cote {
    margin: 2px;
}

.texte-description-d {
    padding: 20px;
    padding-left: 50px;
}

.texte-description-g {
    padding: 20px;
    padding-right: 50px;
}

.btn-steam {
    width: 250px;
}

#section-steam, #download {
    position: relative;
}

.perso-g-site {
    width: 310px;
    position: absolute;
    bottom: 0px;
    left: 130px;
}

.perso-d-site {
    width: 430px;
    position: absolute;
    bottom: 0px;
}

.img-jeu {
    width: 100%;
}

.img-jeu-2 {
    max-width: 95%;
    margin-bottom: 10px;
}

#features {
    background-image: url("../assets/img/bg3.png");
    background-size: cover;
    background-position: center;
    color: black;
}

#download {
    background-image: url("../assets/img/bg3.png");
    background-size: cover;
}

#video {
    width: 768px;
    height: 432px;
    margin-top: 10px;
}

#description {
    padding-left: 40px;
        padding-right: 40px;
}

.btn-social-x {
    width: 40px;
    margin-right: -5px;
}

.btn-social-youtube {
    width: 45px;
    margin-left: -5px;
}

@media (max-width: 1400px) {
    .perso-g-site {
        left: 10px;
    }
}

@media (max-width: 1200px) {
    .perso-deco {
        display: none;
    }

}

@media (max-width: 1000px) {
    .texte-description-d {
        padding: 20px;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .texte-description-g {
        padding: 20px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .img-jeu {
        padding-left: 40px;
        padding-right: 40px;
    }

    .img-jeu-2 {
        max-width: 100%;
        margin-bottom: 5px;
    }

    #video {
        width: 420px;
        height: 240px;
    }

    .titre-studio {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
}

@media (max-width: 550px) {
    #video {
        width:300px;
        height: 170px;
    }
}