*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
@font-face {
  font-family:coiny;
  src: url(assets/coiny-regular.ttf);
}
body {
  background-color:#134949;
  margin:0;
  font-family:coiny, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.lc-container {
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction: column;
  background-color:white;
}
.lc-banner {
  height:80vh;
  max-height:700px;
  background-color:#25E0E2;
  background-image:url('assets/web_banner.png');
  background-size: contain;
  background-position:50% 100%;
  background-repeat: no-repeat;
  position:relative;
}
.lc-logo {
  display:flex;
  justify-content: center;
  position:absolute;
  top:4vh;
  width:100%;

}
.lc-logo img {
  height:auto;
  width:100%;
  max-width:15em;
}
.lc-banner-text-area {
  position:absolute;
  bottom:1em;
  left:0;
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  padding:1em;
  text-align: center;
}
.lc-section {
  padding:2em;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color:#4D00B3;
}
.lc-section-bg1 {
  background-color:#FFC142;
}
.lc-section-bg2 {
  background-color:#4D00B3;
}
.btn {
  display:block;
  padding-top:1rem;
  padding-bottom:1rem;
  padding-left:3rem;
  padding-right:3rem;
  background-color:#4D00B3;
  border-radius: .5rem;
  box-shadow: 1px 2px 3px rgba(0,0,0,.5);
  color:#FFC142;
  text-decoration: none;
}
.lc-btn-jouer {
  font-variant: small-caps;
  font-size:1.5em;
}
.lc-section-bg2 {
  color:white;
  font-weight:300;
}
.lc-txt-info {
  font-size:.8em;
  color:#757575;
  padding-top:2em;
  padding-bottom:0;
}
.lc-section-credits {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color:#757575;
  display:flex;
  flex-wrap: wrap;
}
@media screen and (min-width:600px) {
  .lc-section-credits {flex-direction: row;flex-wrap:wrap;}
  .lc-section-credits-item {max-width:300px;}
}
.lc-section-credits-item {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:1rem;
}
.lc-section-credits-item img {
  width:9em;
  max-width:100%;
  height:auto;
  margin-bottom:.5rem;
}
.lc-section-credits-item a {
  text-decoration: none;
  color:#4D00B3;
  padding-top:.5rem;
  padding-bottom:.5rem;
}
.lc-video-intro {
  position:relative;
  width:100%;
  max-width:400px;
}
.lc-section-credits-equipe p {
  display:block;
  padding-bottom:1em;
}