/* -------------------------------- 

Primary style

-------------------------------- */

@font-face {
    font-family: 'janeaustennosecret';
    src: url('../fonts/janeausten.woff2') format('woff2'),
         url('../fonts/janeausten.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'abrilfatface';
    src: url('../fonts/abrilfatface.woff2') format('woff2'),
         url('../fonts/abrilfatface.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_slabthin';
    src: url('../fonts/robotoslab-thin.woff2') format('woff2'),
         url('../fonts/robotoslab-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_slablight';
         src: url('../fonts/ROBOTOSLAB-LIGHT.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoslab-regular';
    src: url('../fonts/robotoslab-regular.woff') format('woff'),
         url('../fonts/robotoslab-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ballerina';
    src: url('../fonts/BELLARINA.OTF') format('woff');
    font-weight: normal;
    font-style: normal;

}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html{
	 scroll-behavior: smooth;
}
body {
  font-size: 100%;
  font-family: "Ubuntu", sans-serif;
  color: #3e3947;
  background-color: white;
}

body, html {
    width: 100%;
	overflow-x: hidden;
    overflow-y: overlay;
}

a {
  color: blue;
  text-decoration: none;
}

img {
  max-width: 100%;
}


/* COOKIES*/
.cookies-text {
  vertical-align: middle;
  position: absolute;
  font-family: roboto_slabthin;
  font-size: 100px;
  text-align: right;
  color: #09050599;
  right: 46%;
  top: 1%;
}
@media only screen and (max-width: 460px) and (min-width: 300px){
  .cookies-text {
      font-size: 14vw !important;
      right: 23% !important;
  }
  .headerTraditional{
    left: 20%!important;
    top: 75%!important;
  }
  .headerImage{
    top: 230px!important;
  }
}