/* ------------------------------ */
/* ----- Typography / Colors ---- */
/* ------------------------------ */

@font-face {
  font-family: 'Poppins';
  font-weight: bold;
  font-style: normal;
  src: url('https://www.rescapade.ch/fonts/poppins-extrabold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  font-weight: normal;
  font-style: normal;
  src: url('https://www.rescapade.ch/fonts/montserrat-regular.woff') format('woff');
  font-display: swap;
}


/* Normalize */
.inside,.site_wrapper{position:relative}main,picture{display:block}img,picture{max-width:100%}body,ul{margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0!important}html{min-height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inside{margin:0 auto}a,button,input{-ms-touch-action:manipulation;touch-action:manipulation}ul{list-style-type:none;padding:0}img{border-style:none;vertical-align:top}img:not(.logo){height:auto}input,textarea{border-radius:0;-webkit-appearance:none}button,input,optgroup,select,textarea{font-family:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}textarea{overflow:auto}address{font-style:normal}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}



/* ------------------------------ */
/* ---------- Variables --------- */
/* ------------------------------ */

:root {
  --brand-font: 'Montserrat', sans-serif;
  --brand-color: #f1cb15;
  --brand-black: #000000;
  --brand-white: #ffffff;

  --font-size-h1: 60px;
  --font-size-standard: 22px;
  --line-height: 1.45;

  --spacing-3: 70px;
  --spacing-2-5: 50px;
  --spacing-2: 40px;
  --spacing-1-5: 15px;
  --spacing-1: 12px;
}



/* ------------------------------ */
/* ----------- Styling ---------- */
/* ------------------------------ */

::selection {
  background: var(--brand-color);
  color: var(--brand-black);
}

::-moz-selection {
  background: var(--brand-color);
  color: var(--brand-black);
}

html {
  font-size: var(--font-size-standard);
}

body {
  font-family: var(--brand-font);
  font-size: var(--font-size-standard);
  line-height: var(--line-height);
  color: var(--brand-black);
  min-height: var(--app-height);
  -webkit-tap-highlight-color: transparent;
}

h1 {
  font-family: 'Poppins', sans-serif;
  font-size: var(--font-size-h1);
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.2;
}

p {
  margin: 0;
}

a {
  display: inline-block;
  color: var(--brand-black);
  text-decoration: none;
}

.logo img {
  max-width: 380px;
}

.content {
  margin-top: var(--spacing-2);
}

.links {
  display: inline-block;
  margin-top: var(--spacing-2-5);
  margin-left: auto;
  margin-right: auto;
}

.links a {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  transition: .25s;
}

.links a, .links a .icon {
  transition: .25s;
}

.links a:hover {
  color: var(--brand-color);
}

.links a:hover .icon {
  fill: var(--brand-color);
}

.links a + a {
  margin-top: var(--spacing-1-5);
}

.icon {
  fill: var(--brand-black);
  width: 36px;
  height: 36px;
}

.links a span {
  padding-left: var(--spacing-1);
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 768px) {

  .site_wrapper {
    min-height: var(--app-height);
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

}


@media all and (min-width: 992px) {

  .site_wrapper {
    padding: var(--spacing-3);
  }

}


@media all and (max-width: 1399.98px) and (min-width: 992px) {

  :root {
    --font-size-h1: 54px;
    --font-size-standard: 21px;
  
    --spacing-3: 60px;
    --spacing-2-5: 40px;
    --spacing-2: 30px;
    --spacing-1: 12px;
  }

}

@media all and (max-width: 991.98px) and (min-width: 576px) {

  :root {
    --font-size-h1: 50px;
    --font-size-standard: 20px;
  
    --spacing-3: 50px;
    --spacing-2-5: 34px;
    --spacing-2: 24px;
    --spacing-1: 12px;
  }

  .site_wrapper {
    padding: 40px;
  }

  .logo img {
    max-width: 360px;
  }

}


@media all and (max-width: 767.98px) {

  .site_wrapper {
    text-align: center;
  }  

  h1 span {
    display: block;
  }

}




@media all and (max-width: 575.98px) {

  :root {
    --font-size-h1: 42px;
    --font-size-standard: 19px;
  
    --spacing-3: 40px;
    --spacing-2-5: 30px;
    --spacing-2: 20px;
    --spacing-1: 12px;
  }

  .site_wrapper {
    padding: 30px;
  }

  .logo img {
    max-width: 260px;
  }

 

  .icon {
    width: 30px;
    height: 30px;
  }

}