/* FONTS IN */

@font-face {
    font-family: 'museo_slab500';
    src: url('../fonts/Museo_Slab_500_2-webfont.eot');
    src: url('../fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo_Slab_500_2-webfont.woff2') format('woff2'),
         url('../fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('../fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('../fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'decourregular';
    src: url('../fonts/decour-regular-webfont.eot');
    src: url('../fonts/decour-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/decour-regular-webfont.woff2') format('woff2'),
         url('../fonts/decour-regular-webfont.woff') format('woff'),
         url('../fonts/decour-regular-webfont.ttf') format('truetype'),
         url('../fonts/decour-regular-webfont.svg#decourregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'decouritalic';
    src: url('../fonts/decour-regularitalic-webfont.eot');
    src: url('../fonts/decour-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/decour-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/decour-regularitalic-webfont.woff') format('woff'),
         url('../fonts/decour-regularitalic-webfont.ttf') format('truetype'),
         url('../fonts/decour-regularitalic-webfont.svg#decouritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'decourbold';
    src: url('../fonts/decour-bold-webfont.eot');
    src: url('../fonts/decour-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/decour-bold-webfont.woff2') format('woff2'),
         url('../fonts/decour-bold-webfont.woff') format('woff'),
         url('../fonts/decour-bold-webfont.ttf') format('truetype'),
         url('../fonts/decour-bold-webfont.svg#decourbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* FONTS OUT */

html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

html, body {
overflow-x: hidden;
}

/* TEXT IN */

h1 {
font-size:max(3.5em, min(6em, calc(100vw * 4 / 75)));
font-family:museo_slab500;
color: #f9f9f9;
line-height:100%;
}

h2 {
font-size:max(2em, min(3.4em, calc(100vw * 4 / 100)));
font-family:museo_slab500;
color: #d2a62f;
line-height:120%;
}

.selected_txt_1 {
font-family:'decourregular';
color: #f9f9f9;
	}

.selected_txt_2 {
background-color: #dfc06d;
padding: 2px;
	}

.selected_txt_3 {
font-family:'decourbold';
color: #373737;
	}

	.listing {
display:block;   
position:absolute;
margin-left: -0.8em;
margin-top: -4px;
font-color: #d2a62f;
}

.item {
font-size:max(1.4em, min(2em, calc(100vw * 4 / 220)));
font-family:'decourregular';
color: #d2a62f;
}

.outer_link {
vertical-align: super;
font-size: 50%;
color: #d2a62f;
line-height:80%;
}

.additional_icon {
font-size: 100%;
color: #f9f9f9;
line-height:80%;
}


.main_lead {
font-size:max(1em, min(3.4em, calc(100vw * 4 / 220)));
font-family:'decourregular';
color: #f9f9f9;
line-height:100%;
}

.main_lead_2 {
font-size:max(1.2em, min(2.4em, calc(100vw * 4 / 75)));
font-family:'decourregular';
color: #222222;
line-height:160%;
}

.final_words {
font-size:max(1.1em, min(1.6em, calc(100vw * 4 / 220)));
font-family:'decourregular';
color: #222222;
line-height:160%;
}

.capture {
font-size:max(1em, min(1.4em, calc(100vw * 4 / 220)));
font-family:'decourregular';
color: #d2a62f;
line-height:110%;
}

p {
font-size:max(1.4em, min(2em, calc(100vw * 4 / 220)));
font-family:'decourregular';
color: #333333;
line-height:200%;
}

.p_b {
font-family:'decourbold';
}

.p_it {
font-family:'decouritalic';
}

/* TEXT OUT */


/* BLOCKS IN */

.first_screen {
     position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
    background-color: #d2a62f;
  -o-background-size: cover;
  height: 100vh;
 background-attachment: fixed;
  }

  .first_screen_xs {
     position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
    background-color: #c69510;
  -o-background-size: cover;
  height: 100vh;
 background-attachment: fixed;
  }

.intro {
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
	}

	.outro {
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
	}

  .start {
    padding-top: 8%;
  }

  .start2l {
    padding-top: 5vh;
	padding-left: 40px;
  }

    .start2 {
    padding-top: 5vh;
  }

    .start3l {
    padding-top: 2vh;
	padding-left: 40px;
  }

      .start3 {
    padding-top: 2vh;
	padding-bottom: 4vh;
  }

        .playa {
    padding-top: 2vh;
    padding-bottom: 4vh;
  }

	.the_last_block {
	padding-bottom: 10vh;
  }


    .remark {
    padding-top: 8vh;
	padding-bottom: 8vh;
  }

      .first_remark {
    padding-top: 10vh;
	padding-bottom: -40vh;
  }

    .start-xs {
    padding-top: 10vh;
	padding-bottom:100px;
  }

.awesome-illustration {
    margin-top: 20px;
	margin-bottom: 20px;
}

  .second_screen {
     position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
    background-color: #d2a62f;
  -o-background-size: cover;
  height: 50vh;
 background-attachment: fixed;
  }

.just_a_line {
    margin-top: 20px;
	margin-bottom: 30px;
}


/* BLOCKS OUT */


/* LINKS IN */

a {
	color:#d2a62f;
	text-decoration:none
}

a:focus,a:hover {
	color:#d2a62f;
	text-decoration:underline
}

/* LINKS OUT */