.noscroll{
  overflow: hidden;
}

:root{
  --default: #000000;
  --bleu: #064081;
  --azur: #62c5e0;
  --rouge: #e41b12;
  --rouge-brillant: #ff1433;
}

body{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

@media only screen and (min-width: 600px) {
  body{
    font-size: 16px;
    display: flex;
  }
}

img, iframe{
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 600px) {
  iframe{
    min-height: 300px;
  }
}




/**********************************************************************************************************************************/
/* HEADER
/**********************************************************************************************************************************/
#header{
  background: url(../img/background.jpg) no-repeat center center / cover transparent;
    padding: 30px;
}

@media only screen and (min-width: 600px) {
  #header{
    width: 50%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;

  }
}

#logo-atlantic-systemes{
  margin: 30px 0;
  max-width: 240px;
}

@media only screen and (min-width: 600px) {
  #logo-atlantic-systemes{
    max-width: unset;
      margin: 40px 0;
  }
}

#header-wrap{
  display: flex;
  align-items: center;
  flex-direction: column;
}

#main{
  padding: 30px;
}

@media only screen and (min-width: 600px) {
  #main{
    padding: 80px;
    width: 50%;
  }
}

#main h2{
  font-family: 'Bungee', cursive;
  font-size: 20px;
  line-height: 1.2em;
}

@media only screen and (min-width: 600px) {
  #main h2{
    font-size: 25px;
  }
}

#main * + h2{
  margin-top: 50px;
}

#main p{
  line-height: 1.8em;
}

#main a{
  color: #1a9cd0;
  text-decoration: underline;
}