/*pas de marge ni d'espace intérieur + font*/
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
}
/* hauteur de tous le body donc sa depasse un peu sur la video*/
html,
body {
  height: 100%;
}
/* regle la taille de la video et la couleur derrière elle*/
.video {
  height: 80%;
  background: #222;
}
/* fais en sorte que la video et le contenue autre de la page ne se mélange*/
.video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*rend le texte + img en un seule bloc + fond rouge*/
.main {
  display: flex;
  gap: 60px;
  background: #d6002a;
  padding: 40px;
  min-height: 50%;
}
/*taille image*/
.logo img {
  width: 450px;
}
/*taille + placement du titre*/
h1 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 40px;
}
/*taille du texte*/
.texte {
  max-width: 900px;
  font-size: 20px;
}
/*placement du texte + espace entre ligne*/
.texte p {
  margin-bottom: 24px;
  line-height: 1.8;
}
/*version petit ecran*/
@media (max-width: 980px) {
  /*reduis taille de la vidéo*/
  .video {
    height: 40%;
  }
/*"column" pour mettre l'un sur l'autre le texte et img*/
  .main {
    flex-direction: column;
    gap: 30px;
    padding: 20px;
  }
/*retire image*/
 img {
    display: none;
  }
  }
/*taille titre + espace netre texte et titre*/
  h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }
/*taille du texte*/
  .texte {
    font-size: 16px;
  }
/*espace en ligne du texte*/
  .texte p {
    line-height: 1.6;
  }