/*Custom Typeface - .COM*/

@font-face {
  font-family: 'AdelleSans-italic';
  font-style: normal;
  font-weight: normal;
  src: url('Adelle-Italic.otf'); /* IE9 Compat Modes */
  src: url('Adelle-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Adelle-Italic.woff') format('woff'), /* Pretty Modern Browsers */
       url('Adelle-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Adelle-Italic.otf') format('opentype');

}

@font-face {
  font-family: 'AdelleSans-embed';
  font-style: normal;
  font-weight: normal;
  src: url('AdelleSans_Regular.otf'); /* IE9 Compat Modes */
  src: url('AdelleSans_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('AdelleSans_Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('AdelleSans_Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('AdelleSans_Regular.otf') format('opentype');

}

@font-face {
  font-family: 'AdelleSans-light';
  font-style: normal;
  font-weight: normal;
  src: url('AdelleSans_Light.eot'); /* IE9 Compat Modes */
  src: url('AdelleSans_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('AdelleSans_Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('AdelleSans_Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('AdelleSans_Light.otf') format('opentype');
}

@font-face {
  font-family: 'AdelleSans-lightItalic';
  font-style: normal;
  font-weight: normal;
  src: url('AdelleSans_LightItalic.eot'); /* IE9 Compat Modes */
  src: url('AdelleSans_LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('AdelleSans_LightItalic.woff') format('woff'), /* Pretty Modern Browsers */
       url('AdelleSans-LightItalic')  format('truetype'), /* Safari, Android, iOS */
       url('AdelleSans_LightItalic.otf') format('opentype');
}

@font-face {
  font-family: 'Adelle-thin';
  font-style: normal;
  font-weight: normal;
  src: url('Adelle_Thin.eot'); /* IE9 Compat Modes */
  src: url('Adelle_Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Adelle_Thin.woff') format('woff'), /* Pretty Modern Browsers */
       url('Adelle_Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Adelle_Thin.otf') format('opentype');
}

@font-face {
  font-family: 'Adelle-light';
  font-style: normal;
  font-weight: normal;
  src: url('Adelle_Light.eot'); /* IE9 Compat Modes */
  src: url('Adelle_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Adelle_Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('Adelle_Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Adelle_Light.otf') format('opentype');
}

@font-face {
  font-family: 'Adelle-normal';
  font-style: normal;
  font-weight: normal;
  src: url('Adelle_Regular.eot'); /* IE9 Compat Modes */
  src: url('Adelle_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Adelle_Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('Adelle_Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Adelle_Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Adelle-semibold';
  font-style: normal;
  font-weight: normal;
  src: url('Adelle_Semibold.eot'); /* IE9 Compat Modes */
  src: url('Adelle_Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Adelle_Semibold.woff') format('woff'), /* Pretty Modern Browsers */
       url('Adelle_Semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Adelle_Semibold.otf') format('opentype');
}

@font-face {
  font-family: 'Adelle-bold';
  font-style: bold;
  font-weight: normal;
  src: url('Adelle_Bold.eot'); /* IE9 Compat Modes */
  src: url('Adelle_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Adelle_Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('Adelle_Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Adelle_Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Adelle-heavy';
  font-style: bold;
  font-weight: normal;
  src: url('Adelle_Heavy.eot'); /* IE9 Compat Modes */
  src: url('Adelle_Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Adelle_Heavy.woff') format('woff'), /* Pretty Modern Browsers */
       url('Adelle_Heavy.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Adelle_Heavy.otf') format('opentype');
}


body {
  background-color:#f6f6f6;
  /*background-color:blue;*/
  margin: 30px 30px 30px 30px;
}

h2{
  color: #b9b9b9;
  /*color: #676767;*/
  font-family: 'AdelleSans-embed', 'AdelleSans-embed-UK', sans-serif;
  font-size: 15px;
  display: inline;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

iframe{
  width: 500px;
  height: 281px;
  margin-left: -40px;
}


/*header*/

#logo{
  position: fixed;
  cursor: pointer;
  width: 66px;
  height: auto;
  left: 30px;
  top: 30px;
  z-index: 100;
  -moz-transition: left 0.5s; /* Firefox 4 */
  -webkit-transition: left 0.5s; /* Safari and Chrome */
  -o-transition: left 0.5s; /* Opera */
  -ms-transition: left 0.5s; /* Explorer 10 */
}

#logo2{
  position: fixed;
  cursor: pointer;
  width: 66px;
  height: auto;
  left: 30px;
  top: 30px;
  z-index: 100;
  -moz-transition: left 0.5s; /* Firefox 4 */
  -webkit-transition: left 0.5s; /* Safari and Chrome */
  -o-transition: left 0.5s; /* Opera */
  -ms-transition: left 0.5s; /* Explorer 10 */
}



/*footer*/

#catalogue{
  font-family: 'AdelleSans-embed', 'AdelleSans-embed-UK', sans-serif;
  font-size: 12px;
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 110;
  display: inline;
}

a {
  color: #0099ff;
  text-decoration: none; /* no underline */
}

.link{
  /*color: #00aeef;*/
  /*color: #4286f4;*/
  color: #0099ff;
  /*color: #7f7f7f;*/
  /*color: #676767;*/
}



#a_container{
position: fixed;
font-family: 'AdelleSans-embed', 'AdelleSans-embed-UK', sans-serif;
/*color: white;*/
display: inline;
width: 50%;
height: 100%;
top: 0px;
/*background-color: black;*/
/*left: -50%;*/
left: calc(0% - 635px);
z-index: 100;
-moz-transition: left 0.5s; /* Firefox 4 */
-webkit-transition: left 0.5s; /* Safari and Chrome */
-o-transition: left 0.5s; /* Opera */
-ms-transition: left 0.5s; /* Explorer 10 */
}

#andI{
  cursor: pointer;
  position: absolute;
  font-family: 'AdelleSans-Regular', 'AdelleSans-Regular-UK', sans-serif;
  font-size: 30px;  
  left: 29px;
  top: 25px;
  z-index: 100;
  -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#about_content{
  position:absolute;
  font-size: 15px;
  line-height: 135%;
  width: 400px;
  top:60px;
  bottom:72px;
  /*left:-500px;*/
  margin-left:120px;
  overflow: scroll;
  /*background-color: red;*/
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.tags{
  font-size: 15px;
  /*color: red;*/
  left: 50px;
  top: 50px;

}

.imgs{
  /*color: red;*/
  color: black;
  text-decoration: none; /* no underline */
}

#intuitive_menu{
  position: fixed;
  /*background-color: yellow;*/
  top: 72px;
  bottom: 60px;
  left:130px;
  right: 100px;
  -moz-transition: left 0.5s; 
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s; 
  -ms-transition: left 0.5s; 
  display: inline;
}

#mobile_nav{
  display: none;
}

h1{
  font-family: 'Adelle-normal', 'Adelle-normal-UK';
  font-size: 30px;
}

p {
  font-family: 'Adelle-Italic', 'AdelleSans-embed-UK', sans-serif;
  font-style: bold;
  font-size: 15px;
}

strong, b {
  font-family: 'Adelle-bold';
  /*color: red;*/
  }

em, i {
  font-family: 'AdelleSans-lightItalic';
}

#text_container{ 
  width: 500px;
  /*width: 380px;*/
  font-family: 
  padding-bottom: 100px;
  /*background-color: red;*/
}

#text_title{
  font-family: 'Adelle-normal', 'Adelle-normal-UK';
  font-size: 30px;
  margin-left: 30px;
  margin-right: 0px;
}

#text_year{
  font-family: 'AdelleSans-embed';
  font-size: 15px;
  margin-left: 30px;
  margin-right: 0px;
  margin-top: 8px;
  margin-bottom: -4px;
}

#text_body1{
  margin-left: 30px;
  margin-right: 30px;
  line-height: 135%;
}

#text_body2{
  position: relative;
  margin-left: 0px;
  margin-right: 60px;
  line-height: 135%;
}

#text_body3{
  position: relative;
  margin-left: 30px;
  margin-right: 30px;
  line-height: 135%;
}

#text_body4{
  position: relative;
  margin-left: 0px;
  margin-right: 60px;
  line-height: 135%;
}

#text_body5{
  position: relative;
  margin-left: 30px;
  margin-right: 30px;
  line-height: 135%;
}

#text_body6{
  position: relative;
  margin-left: 0px;
  margin-right: 60px;
  line-height: 135%;
 
}

#text_labels{
  cursor: pointer;
  position: relative;
  font-family: 'AdelleSans-embed', 'AdelleSans-embed-UK', sans-serif;
  font-size: 15px;
  margin-left: 30px;
  margin-right: 0px;
  overflow: hidden;
   padding-top: 10px;
  padding-bottom: 100px;
  /*background-color: red;*/
}


#image1{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  height: auto;
}

#image2{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  height: auto;
  margin-left: 30px;
}

#image2_1{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  height: auto;
  /*margin-left: 30px;*/
}

#image2_2{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  height: auto;
  margin-left: 30px;
}

#image2_3{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  height: auto;
  /*margin-left: 30px;*/
}

#column2{
  position: absolute;
  width: calc(100% - 620px);
  height: 100%;
  left: 620px;
  top: 0px;
  /*background: red;*/
}

#image3{
  position: absolute;
  width: 260px;
  height: auto;
  left: calc(50% - 130px);
  top: 20%;
}

#image3:hover~.c3{
    display: inline;
}


#image4{
  position: absolute;
  width: 260px;
  height: auto;
  left: calc(50% - 130px);
  top: 35%;
}

#image4:hover~.c4{
    display: inline;
}

#image5{
  position: absolute;
  width: 260px;
  height: auto;
  left: calc(50% - 130px);
  top: 55%;
}

#image5:hover~.c5{
    display: inline;
}

#image6{
  position: absolute;
  width: 260px;
  height: auto;
  left: calc(50% - 130px);
  top: 75%;
}


#image6:hover~.c6{
    display: inline;
}

#image7{
  position: absolute;
  width: 260px;
  height: auto;
  left: calc(50% - 130px);
  top: 90%;
}


#image7:hover~.c7{
    display: inline;
}

#image8{
  position: absolute;
  width: 260px;
  height: auto;
  left: calc(50% - 130px);
  top: 100%;
}

#image8:hover~.c8{
    display: inline;
}

.caption1{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  padding-bottom: 20px;

}

.c1{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  padding-bottom: 20px;
  margin-left: 0px;
}

.c2{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  padding-bottom: 20px;
  margin-left: 30px;
}

.c2_1{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  padding-bottom: 20px;
  margin-left: 0px;
}

.c2_2{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  padding-bottom: 20px;
  margin-left: 30px;
}

.c2_3{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  padding-bottom: 20px;
  margin-left: 0px;
}

.c3{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  position: absolute;
  display: none;
  width: 290px;
  left: calc(50% - 130px);
}

/*.c3:hover{
  display: inline;
}
*/
.c4{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  position: absolute;
  display: none;
  width: 290px;
  left: calc(50% - 130px);
}

.c5{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  position: absolute;
  display: none;
  width: 290px;
  left: calc(50% - 130px);
}

.c6{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  position: absolute;
  display: none;
  width: 290px;
  left: calc(50% - 130px);
}

.c7{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  position: absolute;
  display: none;
  width: 290px;
  left: calc(50% - 130px);
}

.c8{
  font-family: 'Adelle-light', 'Adelle-light-UK';
  font-size: 12px;
  position: absolute;
  display: none;
  width: 290px;
  left: calc(50% - 130px);
}

#container{
  position: absolute;
  /*background: red;*/
  z-index: 0;
  top: 60px;
  margin-left: 90px;
  -moz-transition: margin-left 0.5s; /* Firefox 4 */
  -webkit-transition: margin-left 0.5s; /* Safari and Chrome */
  -o-transition: margin-left 0.5s; /* Opera */
  -ms-transition: margin-left 0.5s; /* Explorer 10 */
}



#year{
  display: none;
}



h3 {
  font-size: 30px;
  font-family: 'AdelleSans-light', 'AdelleSans-light-UK', sans-serif;
  color:black;
/*  text-rendering: geometricPrecision;
-webkit-font-smoothing: subpixel-antialiased;*/
    /*text-rendering:optimizeLegibility;*/
  /*line-height: 35%;*/
}

#titles{
  position: absolute;
  height: 300px;
  width: auto;
  /*background-color: yellow;*/
/*  -moz-transition: left 0.5s; 
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s; 
  -ms-transition: left 0.5s; */
}

#individual_tags{
  margin-bottom: -25px;
}


#div_holder{
  display:none;
}






#catalogue_container{
  position: absolute;
  font-family: 'AdelleSans-embed', 'AdelleSans-embed-UK', sans-serif;
  font-size: 15px;
  z-index: 0;
  top: 90px;
  /*line-height: 200%;*/
  /*color: #7f7f7f;*/
  /*left: 120px;*/
  left: 75px;
  padding-bottom: 100px;
  /*background-color: red;*/
  -moz-transition: left 0.5s; 
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s; 
  -ms-transition: left 0.5s; 
}

#alphabet_catalogue{
  position: absolute;
  font-family: 'AdelleSans-embed', 'AdelleSans-embed-UK', sans-serif;
  font-size: 15px;
  z-index: 0;
  top: 90px;
  left: 30px;
  padding-bottom: 100px;
  /*color: #7f7f7f;*/
  color: #676767;
  /*background-color: red;*/
  line-height: 134%;
  /*line-height: 160%;*/
  -moz-transition: left 0.5s; 
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s; 
  -ms-transition: left 0.5s; 
}

#link_container{
  display: none;
}

/*#title1{
  position: absolute;
  top: 200px;
}*/

#alpha_tags{
  display: none;
}

@media screen and (max-width: 1130px) {

/*body{
  background-color: red;
}*/

#about_content{
  margin-left:95px;
}

#container{
  margin-left: 35px;

}

#column2{
  position: absolute;
  width: calc(100% - 565px);
  height: 200%;
  left: 565px;
  top: 0px;
/*  background: blue;*/
}

#image3{
  width: 200px;
  left: calc(50% - 100px);
}

#image4{
  width: 200px;
  left: calc(50% - 100px);
}

#image5{
  width: 200px;
  left: calc(50% - 100px);
}

#image6{
  width: 200px;
  left: calc(50% - 100px);
}

#image7{
  width: 200px;
  left: calc(50% - 100px);
}

#image8{
  width: 200px;
  left: calc(50% - 100px);
}


}



@media screen and (max-width: 1070px) {


#about_content{
  margin-left:95px;
}

#a_container{
width: 100%;
height: 100%;
top: 0px;
left: calc(-100% - 600px);
z-index: 100;
-moz-transition: left 0.5s; /* Firefox 4 */
-webkit-transition: left 0.5s; /* Safari and Chrome */
-o-transition: left 0.5s; /* Opera */
-ms-transition: left 0.5s; /* Explorer 10 */
background-color: #f6f6f6;
}


}

@media screen and (max-width: 980px) {

#column2{
  position: absolute;
  width: 500px;
  height: auto;
  left: 65px;
  top: 0px;
  /*background: blue; */
}

#image3{
  position: relative;
  width: 100%;
  left: 0px;
  padding-bottom: 30px
}

#image4{
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  left: 30px;
}

#image4:hover~.c4{
  display: block;
}

#image5{
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  left: 0px;
}

#image5:hover~.c5{
  display: block;
}

#image6{
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  left: 30px;
}

#image6:hover~.c6{
  display: block;
}

#image7{
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  left: 0px;
}

#image7:hover~.c7{
  display: block;
}

#image8{
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  left: 30px;
}

#image8:hover~.c8{
  display: block;
}

.c3{
  position: relative;
  display: block;
  width: 100px;
  height: auto;
  left: 0px;
  white-space: normal;
  padding-bottom: 30px;
}

.c4{
  position: relative;
  display: block;
  width: 100px;
  height: auto;
  left: 30px;
  white-space: normal;
  padding-bottom: 30px;
}

.c5{
  position: relative;
  display: block;
  width: 100px;
  height: auto;
  left: 0px;
  white-space: normal;
  padding-bottom: 30px;
}

.c6{
  position: relative;
  display: block;
  width: 100px;
  height: auto;
  left: 30px;
  white-space: normal;
  padding-bottom: 30px;
}

.c7{
  position: relative;
  display: block;
  width: 100px;
  height: auto;
  left: 0px;
  white-space: normal;
  padding-bottom: 30px;
}

.c8{
  position: relative;
  display: block;
  width: 100px;
  height: auto;
  left: 0px;
  white-space: normal;
  padding-bottom: 100px;
}

}

@media screen and (max-width: 825px) {
/*
body{
  background-color: green;
}*/

h2 {
  display: none;
}

/*#image3{
  width: 500px;
  height: auto;
}

#image4{
  width: 500px;
  height: auto;
}

#image5{
  width: 500px;
  height: auto;
}*/

}


@media screen and (max-width: 585px) {

/*body{
  background-color: green;
}*/

#intuitive_menu{
  top: 100px;
  bottom: 60px;
  left:30px;
  right: 100px;
}

#about_content{
  width: calc(100% - 60px);
  height: calc(100% - 110px);
  top:80px;
  overflow-y: scroll;
  margin-left:30px;
}

#container{
  margin-left: 0px;

}

/*#text_title{
  width: calc(100% - 80px);
}
*/
#text_container{ 
  width: 100%;
  /*width: calc(100% - 60px);*/
  /*width: 380px;*/
  padding-bottom: 100px;
  /*background-color: red;*/
}

iframe {
  width: 300px;
  height: 169px;
}

#image1{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: calc(100% - 30px);
  height: auto;
}

#image2{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: calc(100% - 60px);
  height: auto;
  margin-left: 30px;
}

#image2_1{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: calc(100% - 60px);
  height: auto;
  /*margin-left: 30px;*/
}

#image2_2{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: calc(100% - 60px);
  height: auto;
  margin-left: 30px;
}

#image2_3{
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  width: calc(100% - 60px);
  height: auto;
  /*margin-left: 30px;*/
}

#column2{
  position: absolute;
  width: calc(100% - 60px);
  height: auto;
  left: 30px;
  top: 0px;
  /*background: blue; */
}

#image3{
  width: calc(100% - 30px);
  left: 0px;
  /*padding-bottom: 5px;*/
}

#image4{
  position: relative;
  width: calc(100% - 30px);
  /*padding-bottom: 5px;*/
  left: 30px;
}

#image5{
  position: relative;
  width: calc(100% - 30px);
  /*padding-bottom: 5px;*/
  /*top: 60px;*/
  left: 0px;
}

#image6{
  position: relative;
  width: calc(100% - 30px);
  /*padding-bottom: 5px;*/
  /*top: 60px;*/
  left: 30px;
}

#image7{
  position: relative;
  width: calc(100% - 30px);
  /*padding-bottom: 30px;*/
  /*top: 60px;*/
  left: 0px;
}

#image8{
  position: relative;
  width: calc(100% - 30px);
  /*padding-bottom: 100px;*/
  /*top: 60px;*/
  left: 30px;
}

/*#image3{
  width: calc(100% - 90px);
}
#image4{
  width: calc(100% - 90px);
}
#image5{
  width: calc(100% - 90px);
}
*/
.c1{
/*  font-family: 'Adelle-light';
  font-size: 12px;
  padding-bottom: 20px;
  margin-left: 0px;*/
    width: calc(100% - 30px);
  /*height: 18px;*/
  overflow: hidden;
}

.c2{
 /* font-family: 'Adelle-light';
  font-size: 12px;
  padding-bottom: 20px;
  margin-left: 30px;*/
    width: calc(100% - 60px);
  /*height: 18px;*/
  overflow: hidden;
}

.c2_1{
  width: calc(100% - 30px);
  overflow: hidden;
}

.c2_2{
  width: calc(100% - 60px);
  overflow: hidden;
}

.c2_3{
  width: calc(100% - 30px);
  overflow: hidden;
}




#text_labels{
  cursor: pointer;
  position: relative;
  font-family: 'AdelleSans-embed', 'AdelleSans-embed-UK', sans-serif;
  font-size: 15px;
  margin-left: 30px;
  margin-right: 0px;
  width: calc(100% - 80px);
  padding-bottom: 0px;
  /*height: 18px;*/
  /*color: #0099ff;*/
  /*color: red;*/
  overflow: hidden;
  /*background-color: red;*/
}
/*
#footer_int{
  position: absolute;
  width: 100px;
  height: 100px;
  background: blue;
  display: inline;
  top: 200%;
  left: 0%;
}
*/
}

@media screen and (max-width: 490px) {
  iframe {
  width: 200px;
  height: 112.5px;
}

#intuitive_menu{
  display: none;
}

#mobile_nav{
  display: inline;
}

#catalogue{
  display: none;
}

}