blockquote,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0;border:none}body,html{margin:0;padding:0;height:100%;border:none}table{border-collapse:collapse;border-spacing:0}img{border:0}input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px}address,caption,cite,code,dfn,th,var{font-style:normal;}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;}q:after,q:before{content:''}abbr,acronym{border:0}

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

	           }

body {
	 background-color: white;
  /*   background-color: lightgoldenrodyellow;*/
	width: 100%;
	font-family: sans-serif;
    font-weight: 700;
    overflow: hidden;
}

  iframe {
    height: 100vh !important;
    border: none;
    width: 84%;
    margin-left: 120px;
    padding: 0;
    bottom: -1px;
    mix-blend-mode: multiply;
    filter: contrast(175%) ;
    border: none;
}

  .nav {
    position: fixed;
    z-index: 100 !important;
    left: 18px;
    top: 10px;
    width: 120px;
    position: fixed;
    bottom: 0;
  }

select{
	font-size:30px;
	left: 20px;
  top: 20px;
	font-family: sans-serif;
  position: fixed;
	z-index: 100;
	cursor: pointer;
}


/* Small window ----------- */
@media only screen and (max-width : 920px) and (min-width: 640px) {
select{
 left: 10px

}

    .title {
     left: 10px
    }
}


/* Tablet (portrait) ----------- */
@media only screen and (max-width : 650px) {
select{
	font-size:30px;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	position: absolute;
	z-index: 100;
}


}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 400px) {
select{
	font-size:30px;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	position: absolute;
	z-index: 100;
}


iframe {
	margin: 0;
	padding: 0;
	border: none;
	width: 100vw;
	height: 100vh;
	/*transform: translateZ(-10px);*/
    opacity: .5;
	transition:500ms;
}
}