/*body,html{margin:0;padding:0;background-color:#222;color:#FFF;font-family:'Barlow Slab', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
body{height:100%;overflow-x:hidden;}*/

html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{position:relative;font-family:'Barlow', sans-serif;background-color:#222;color:#FFF;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;}

/* Purple: #333 orange #FF8B4F */

/* General text */
/*h1{font-family:'Barlow Slab', serif;font-weight:bold;font-size:46px;line-height:50px;letter-spacing:1px;margin:0;padding:0;}
h2{font-family:'Barlow Slab', serif;font-weight:bold;font-size:36px;line-height:36px;letter-spacing:1px;margin:0 0 10px 0;padding:0;}
h3{font-family:'Barlow Slab', serif;font-weight:bold;font-size:30px;line-height:30px;margin:0;padding:0;}
h4{font-family:'Barlow Slab', serif;font-weight:bold;font-size:22px;margin:0;padding:0;}
p{font-family:'Barlow Slab', serif;font-weight:normal;font-size:16px;margin:0;padding:0;}*/

/* General text */
h1{font-family:'Barlow Semi Condensed', sans-serif;font-weight:bold;font-size:4.6rem;line-height:1.1;margin:0;padding:0;}
h2{font-family:'Barlow', sans-serif;font-weight:bold;font-size:3.6rem;/*36*/line-height:1;margin:0 0 10px 0;padding:0;}
h3{font-family:'Barlow', sans-serif;font-weight:bold;font-size:3.0rem;line-height:1;margin:0;padding:0;}
h4{font-family:'Barlow', sans-serif;font-weight:bold;font-size:2.2rem;margin:0;padding:0;}
h5{font-family:'Barlow', sans-serif;font-weight:bold;font-size:1.6rem;margin:0;padding:0;}
p{font-family:'Barlow', sans-serif;font-size:1.8rem;line-height:1.5;margin:0;padding:0;}
.largefonts p{line-height:1.3;}

a,button{position:relative;box-sizing:border-box;color:inherit;/*text-decoration:none;*/line-height:inherit;cursor:pointer;font-family:inherit;border:0;padding:0;}
button{background-color:transparent;}

@media all and (max-width:1000.5px){
	h2{font-size:2.4rem;}
}

img{transition:opacity 0s ease-out;}
img.faded{opacity:0;transition-duration:0s;}
img.faded.in{opacity:1;transition-duration:.8s;}
.txtAnim{opacity:0;transition:opacity 0s ease-out;}
.txtAnim.in{opacity:1;transition-duration:.8s;}

.masterBtn{position:relative;display:inline-block;font-family:'Barlow', sans-serif;font-weight:600;font-size:2.0rem;line-height:28px;border-radius:30px;padding:10px 20px;text-decoration:none;background-color: #333;color:#FFF;/*box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.3);*/transition:.15s ease-out;cursor:pointer;min-height:50px;}
.masterBtn .arrow, .secondaryBtn .arrow{position:relative;display:inline-block;width:30px;height:28px;background:url("../Grx/arrowright.svg") no-repeat;background-size:cover;vertical-align:middle;margin-left:5px;transition:transform .2s ease-out;will-change:transform;margin-top:-4px;}
.secondaryBtn .arrow{margin-left:0;margin-right:5px;transform:scaleX(-1);}
.secondaryBtn{display:inline-block;font-family:'Barlow', sans-serif;font-weight:600;font-size:2.0rem;background-color:#64645F;/*min-width:50px;*/width:auto;min-height:50px;line-height:28px;border-radius:30px;padding:10px 20px;text-decoration:none;color:#FFF;/*border:1px solid #3C3C37;*//*letter-spacing:2px;*/transition:.15s ease-out;/*cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/}
.masterBtn:hover{box-shadow:1px 1px 8px 1px rgba(0, 0, 0, 0.6);}
.masterBtn:hover .arrow{transform:translateX(2px);}
.secondaryBtn:hover{opacity:.7;}
.secondaryBtn:hover .arrow{transform:scaleX(-1) translateX(2px);}
.masterBtn.deactivated, .secondaryBtn.deactivated{opacity:.5!important;cursor:default;pointer-events:none;}
.largefonts .masterBtn, .zoomed .masterBtn, .largefonts .secondaryBtn, .zoomed .secondaryBtn{line-height:1;}

/*.masterBtn{display:inline-block;font-family:'Barlow', serif;font-weight:normal;font-size:18px;min-width:35px;width:auto;height:50px;line-height:50px;border-radius:30px;padding:0 40px 0 40px;text-decoration:none;background-color:#222;color:#61fd5e;border:1px solid rgba(255, 255, 255, .4);letter-spacing:2px;background-image:url("../Grx/woodPattern.png");box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.3);transition:.15s ease-out;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
.masterBtnOLD{display:inline-block;font-family:'Barlow', serif;font-weight:normal;font-size:18px;min-width:35px;width:auto;height:50px;line-height:50px;border-radius:30px;padding:0 40px 0 40px;text-decoration:none;
background-color:#FF8B4F;color:#333;/*border:1px solid rgba(255, 255, 255, .4);*/letter-spacing:2px;/*background-image:url("../Grx/woodPattern.png");*/box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.3);transition:.15s ease-out;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.masterBtnOLD:focus{outline:none;}
.secondaryBtnOLD{display:inline-block;font-family:'Barlow', serif;font-weight:normal;font-size:18px;min-width:50px;width:auto;height:50px;line-height:50px;border-radius:30px;padding:0 40px 0 40px;text-decoration:none;background-color:transparent;color:#3C3C37;border:1px solid #3C3C37;letter-spacing:2px;transition:.15s ease-out;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/*.masterBtn span{text-shadow:1px 1px 2px rgba(0, 0, 0, 1);}*/
.masterBtnOLD:hover{box-shadow:1px 1px 8px 1px rgba(0, 0, 0, 0.6);/*border:1px solid rgba(255, 255, 255, .7);*/}
.secondaryBtnOLD:hover{opacity:.7;}
/*.masterBtn.deactivated, .secondaryBtn.deactivated{opacity:.5!important;cursor:default;pointer-events:none;}*/
.chooseBtn{position:relative;background-image:url("/assets/fotohistorier/Grx/btnBg.png");background-repeat:no-repeat;background-size:100% 100%;color:#FFF;display:inline-block;text-align:left;padding:10px 40px 10px 20px;box-sizing:border-box;font-size:1.8rem;font-weight:600;white-space:nowrap;line-height:1;text-decoration:none;}
.chooseBtn .arrow{position:absolute;right:-25px;top:-7px;width:50px;height:50px;background-color:#FF8B4F;border-radius:100%;transition:all .2s ease-out;box-sizing:border-box;border:2px solid transparent;}
.chooseBtn .newarrow{position:absolute;right:-25px;top:-7px;width:50px;height:50px;background-color:#FF8B4F;border-radius:100%;transition:all .2s ease-out;box-sizing:border-box;border:2px solid transparent;will-change:transform;}
.chooseBtn .newarrow:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/arrowright.svg") no-repeat;background-size:80%;background-position:40% 50%;}
/*.chooseBtn .arrow:after{content:"";position:absolute;left:10%;top:10%;width:80%;height:80%;background:url("../Grx/arrowright.svg") no-repeat;}*/
.chooseBtn .arrow:before, .chooseBtn .arrow:after{content:"";position:absolute;left:14px;top:22px;width:18px;height:3px;background-color:#333;transform-origin:90% 50%;}
.chooseBtn .arrow:before{transform:rotate(45deg);}
.chooseBtn .arrow:after{transform:rotate(-45deg);}
.chooseBtn.icon .arrow:before, .chooseBtn.icon .arrow:after{display:none;}
.chooseBtn.icon .arrow{background-repeat:no-repeat;background-position:50% 50%;}
.chooseBtn.nobg{background-image:none;padding:0;}
/*.chooseBtn:focus .arrow{border:2px solid #333;}*/
.speakBtn{position:relative;width:41px;height:41px;background-image:url("/assets/fotohistorier/Grx/speaker.png");background-repeat:no-repeat;background-size:100% 100%;transform:scale(.95,.95);opacity:.5;transition:all .2s ease-out;}
.speakBtn:hover{transform:scale(1,1);opacity:1;}
.historyBtn{color:#FFF;text-decoration:underline;font-size:13px;transition:opacity .3s ease-out;}
.historyBtn:hover{opacity:.6;}


.audioPlayer{position:relative;/*max-width:calc(100% - 30px);*/background-color:#FFF;color:#000;min-height:40px;border-radius:20px;white-space:nowrap;box-sizing:border-box;padding:0 15px 0 10px;overflow:auto;}
.audioPlayer::-webkit-scrollbar{width:0px;height:0px;}
.audioPlayer .playPauseBtn{display:inline-block;vertical-align:top;/*border:0;outline:0;*/padding:0;height:100%;background:transparent;}
.audioPlayer .playPauseBtn .label{display:inline-block;vertical-align:top;font-weight:500;font-size:1.6rem;line-height:40px;padding-left:5px;transition:transform .2s ease-out;will-change:transform;}
.audioPlayer .playPauseBtn .icon{display:inline-block;vertical-align:top;background:url("../Grx/play.svg") no-repeat;background-position:center;background-size:20px 100%;width:30px;height:40px;transition:transform .2s ease-out;will-change:transform;}
.audioPlayer .playPauseBtn.pause .icon{background-image:url("../Grx/pause.svg");}
.audioPlayer .playPauseBtn:hover .icon/*, .audioPlayer .playPauseBtn:focus .icon*/{transform:scale(1.1,1.1);}
.audioPlayer .playPauseBtn:hover .label{transform:translateX(1px);}
.audioPlayer .restartBtn{display:inline-block;vertical-align:top;/*border:0;outline:0;*/padding:0;background:url("../Grx/til_start.svg") no-repeat;background-position:center;background-size:20px 100%;width:30px;height:40px;transition:transform .2s ease-out;will-change:transform;}
.audioPlayer .restartBtn:hover/*, .audioPlayer .restartBtn:focus*/{transform:scale(1.1,1.1);}
.audioPlayer .progress{position:relative;display:inline-block;vertical-align:top;width:140px;/*max-width:20%;*/height:40px;margin-left:20px;}
.audioPlayer .progress .bg{position:absolute;left:0;top:50%;margin-top:-1px;width:100%;height:2px;background-color:#000;}
.audioPlayer .progress .handle{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background-color:#000;border-radius:100%;/*outline:0;border:0;*/padding:0;transition:transform .2s ease-out;}
.audioPlayer .progress .handle:hover, .audioPlayer .progress .handle:focus{transform:scale(1.1,1.1);}
.audioPlayer .time{display:inline-block;vertical-align:top;width:8rem;margin-left:1rem;font-weight:500;font-size:1.6rem;line-height:40px;text-align:right;}
.audioPlayer.fade{opacity:0;}
.audioPlayer.fade:not(.in){pointer-events:none;visibility:hidden;}
.audioPlayer.fade.in{opacity:1;transition:opacity .6s ease-in-out .3s;}
/* Variations */
.audioPlayer[data-controlstype="2"] .progress, .audioPlayer[data-controlstype="2"] .time{display:none;}

@media all and (max-width:980px){
	h1{font-size:3.4rem;}
	h2{font-size:2.4rem;}
	h3{font-size:2.0rem;}
	h4{font-size:1.8rem;}
	/*.masterBtn, .secondaryBtn{padding:0 30px 0 30px;}*/
}
/* Mobile adjustments */
@media all and (max-width:767.5px){
	h1{font-size:2.4rem;}
	h3{font-size:1.4rem;}
	h4{font-size:1.4rem;}
	/*.masterBtn, .secondaryBtn{padding:0 10px 0 10px;}*/
}

/* Panorama thumbnail - for use in intros */
.panoramaBtn{position:relative;color:#dcdcd2;display:inline-block;font-family:'Barlow', sans-serif;font-weight:600;font-size:1.6rem;border:0;outline:0;}
/*.panoramaBtn:focus{outline:none;}*/
/*.panoramaBtn.eye{position:absolute;left:0;top:0;color:#3c3c37;width:470px;height:auto;width:30%;width:calc((100% - 70px) / 4.25);display:none;}*/
.panoramaBtn.eye .eyeIcon{top:calc((100% - 28px) / 2);}
@media all and (max-width:1499.5px){
	.panoramaBtn.eye{width:30%;width:calc((100% - 70px) / 3.2);/*height:175px;*/}
}
@media all and (max-width:1019.5px){
	.panoramaBtn.eye{width:30%;width:calc((100% - 70px) / 2.1);/*height:160px;*/}
}

.panoramaBtn.lm{/*width:160px;height:100px;*/width:100%;display:block;margin:0 auto 15px auto;}
.panoramaBtn .bg{position:relative;display:block;top:0;left:0;width:100%;padding-top:37.77%;}
.panoramaBtn .bg .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out;}
.panoramaBtn .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;mix-blend-mode:multiply;opacity:0;transition:opacity .2s ease-out;}
.panoramaBtn .label{position:relative;display:block;opacity:0;transition:transform .2s ease-out, color .2s ease-out, opacity .6s ease-in-out;font-size:1.6rem;font-weight:600;line-height:1;text-align:left;box-sizing:border-box;padding:4px 0 0 0;font-family:'Barlow', sans-serif;}
.panoramaBtn.selected .bg:after, .panoramaBtn:focus .bg:after{opacity:.6;}
.panoramaBtn.selected .label, .panoramaBtn:focus .label{color:#FF8B4F;/*transform:translateX(4px);*/}
.panoramaBtn .flueben{position:absolute;width:46px;height:46px;left:50%;top:20px;margin-left:-23px;}

@media (hover:hover){
	.panoramaBtn:hover .label{transform:translateX(4px);}
	.panoramaBtn.eye:hover .bg:after, .panoramaBtn.lm:hover .bg:after{opacity:.6;}
	.panoramaBtn.eye:hover .eyeIcon{transform:scale(1.1,1.1);}
}
/*.panoramaBtn .bg{position:static;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;}
.panoramaBtn.eye .bg{height:auto;}
.panoramaBtn .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FF8B4F;mix-blend-mode:multiply;opacity:0;transition:opacity .2s ease-out;}

.panoramaBtn .label{position:static;opacity:0;transition:transform .2s ease-out, color .2s ease-out, opacity .6s ease-in-out;line-height:16px;}
.panoramaBtn:hover .label{transform:translateX(4px);}
.panoramaBtn.eye:hover .overlay, .panoramaBtn.lm:hover .overlay{opacity:.8;}
.panoramaBtn.selected .overlay{opacity:.8;}
.panoramaBtn.selected .label{color:#FF8B4F;transform:translateX(4px);}
.panoramaBtn .flueben{position:absolute;width:46px;height:46px;left:50%;top:50%;margin:-23px 0 0 -23px;}
*/
#logo{position:absolute;left:30px;top:30px;width:210px;cursor:pointer;transition:opacity .3s ease-out;}
#logo img{width:100%;height:auto;}
#logo:hover{opacity:.7;}

/* Close button for videos etc. */
/*#closeBtn{display:none;}*/
/*.closeBtn{position:absolute;background-color:#FF8B4F;border:4px solid #333;border-radius:50px;width:46px;height:46px;top:-20px;right:-20px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transition:all .2s ease-out;}
.closeBtn:before, .closeBtn:after{content:"";position:absolute;left:10px;top:18px;width:18px;height:3px;background-color:#333;}
.closeBtn:before{transform:rotate(45deg);}
.closeBtn:after{transform:rotate(-45deg);}
.closeBtn:hover{transform:scale(1.05,1.05);}*/

.closeBtn{position:fixed;display:block;width:60px;height:60px;top:10px;right:10px;z-index:1000;background-color:rgba(0,0,0,.6);transition:all .2s ease-out;border-radius:100%;}
.closeBtn:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url("../Grx/close.svg") no-repeat;background-position:center;background-size:40%;box-sizing:border-box;}
.closeBtn:hover{transform:scale(1.1,1.1);background-color:rgba(0,0,0,1);}

/* White play button */
.playBtn{position:absolute;width:64px;height:64px;border-radius:100%;left:50%;top:50%;margin:-32px 0 0 -32px;cursor:pointer;transition:all .2s ease-out;will-change:transform;background-color:rgba(0,0,0,.5);}
.playBtn .icon{position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/play_white.svg") no-repeat;background-size:65%;background-position:center;}
.playBtn.pause .icon{background:url("../Grx/pause_white.svg") no-repeat;background-size:65%;background-position:center;}
.playBtn:hover{background-color:rgba(0,0,0,.7);}

/* Gem button */
.saveBtn{position:absolute;/*width:80px;*/height:40px;background-color:#004747;color:#FFF;font-weight:bold;font-size:1.8rem;border-radius:20px;opacity:0;transition:opacity .4s ease-out;pointer-events:none;box-sizing:border-box;padding:5px 45px 5px 15px;}
.saveBtn.fadeIn{opacity:1;pointer-events:all;}
.saveBtn .arrow{position:absolute;right:10px;top:0;background:url("../Grx/arrowright_white.svg") no-repeat;display:inline-block;width:30px;height:100%;background-size:contain;background-position:center;transition:transform .2s ease-out;will-change:transform;}
.saveBtn.fadeIn:hover .arrow{transform:translateX(2px);}

/* SVG */
/* Arrow for galleries etc. */
/*.arrowBtn{position:absolute;z-index:50;width:48px;height:48px;background-color:#3C3C37;border-radius:48px;top:50%;transform:translate(-50%,-50%);cursor:pointer;}*/
.arrowBtn{position:absolute;z-index:50;width:54px;height:54px;margin:-27px 0 0 -27px;background-color:rgba(0,0,0,.5);border-radius:100%;top:50%;transition:all .2s ease-out;}
.arrowBtn:before, .arrowBtn:after{content:"";position:absolute;left:17px;top:25px;width:20px;height:4px;border-radius:4px;transform-origin:2px 2px;background-color:#FFF;}
.arrowBtn:before{transform:translateY(-1px) rotate(-45deg);}
.arrowBtn:after{transform:rotate(45deg);}
/*.arrowBtn svg{display:block!important;}*/
.arrowBtn.left{left:0;margin-left:20px;}
.arrowBtn.right{right:0;margin-right:20px;transform:scale(-1,1);}
/*.arrowBtn.left{left:0;margin-left:40px;transform:translate(-50%,-50%) scale(-1,1);}
.arrowBtn.right{left:100%;margin-left:-40px;}*/
.arrowBtn .icon{position:absolute;width:0;height:0;left:50%;top:50%;margin:-8px 0 0 -4px;border-top: 8px solid transparent;border-left: 12px solid #FF8B4F;border-bottom: 8px solid transparent;transition:.2s ease-out;}
.arrowBtn:hover .icon{opacity:.7;}
.arrowBtn.unactive .icon{border-left-color:#64645f;}/*63635f*/
.arrowBtn:hover{transform:scale(1.05,1.05);}
.arrowBtn.right:hover{transform:scale(-1.05,1.05);}

/*.flueben svg{display:block!important;}
.flueben .st0{fill:#FFF;}
.flueben .st1{fill:none;stroke:#FFF;stroke-width:2;stroke-miterlimit:10;}*/
.flueben{width:40px;height:40px;background-color:#004747;border-radius:100%;}
.flueben:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/flueben.svg") no-repeat;background-size:75% 75%;background-position:30% 50%;}

.fluebenraw svg{display:block!important;}
.fluebenraw .st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}

.eyeIcon svg{display:block!important;}
.eyeIcon{width:62px;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s ease-in-out .2s;}
.eyeIcon .st0{fill:#FFF;}

.speakerIcon svg{display:block!important;}
.speakerIcon{width:30px;height:30px;}
.speakerIcon .st0{fill:none;stroke:#dcdcd2;stroke-miterlimit:10;}

.camera svg{display:block!important;}
.camera .st0{fill:#64645F;}

.move svg{display:block!important;}
.move .st0{fill:#DCDCD2;}

.iosIconA svg{display:block!important;}
.iosIconA .st0{fill:none;stroke:#DCDCD2;stroke-width:0.9429;stroke-miterlimit:10;}
.iosIconA .st1{fill:none;stroke:#DCDCD2;stroke-miterlimit:10;}
.iosIconA .st2{fill:#DCDCD2;}

.iosIconB svg{display:block!important;}
.iosIconB .st0{fill:none;stroke:#DCDCD2;stroke-miterlimit:10;}


/* Input */
input, textarea, select{appearance:none;display:block;font-family:'Barlow', sans-serif;font-weight:normal;font-size:1.6rem;width:100%;height:40px;background-color:#dcdcd2;border:none;border-radius:10px;margin:7px 0 13px 0;padding:0 10px 0 10px;/*transition:.3s;*/box-sizing:border-box;resize:none;}
input::placeholder{font-style:italic;}
/*input:focus, textarea:focus, select:focus{outline:none;box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.32);background-color:#FFF;opacity:1!important;}*/
/*input:hover{opacity:.9;}*/
textarea{overflow:auto;}
/*textarea:hover{opacity:.7;}*/
label{font-size:14px;display:block;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}


/* Mobile adjustments */
@media all and (max-width:767.5px){
	#logo{left:15px;top:15px;width:185px;height:57px;}
	.veryzoomed #logo{width:92px;height:28px;}
	/*.chooseBtn .arrow{width:40px;height:40px;}*/
	/*.chooseBtn .arrow:before, .chooseBtn .arrow:after{left:12px;top:17px;width:12px;}*/
}

/*Desktop low height*/
@media all and (min-width:1000.5px) and (max-height:650px){
	.closeBtn{top:0;right:-45px;}
}
.veryzoomed .closeBtn{width:30px;height:30px;}

@media all and (max-width:1000.5px){
	.masterBtn, .secondaryBtn{padding-top:6px;padding-bottom:6px;}
	.closeBtn{top:5px;right:5px;}
	.masterBtn, .secondaryBtn{font-size:1.6rem;/*padding:12px 15px;*/min-height:40px;}

	.eyeIcon{width:42px;height:42px;top:30px;margin:-21px 0 0 -21px;}

	.panoramaBtn .flueben{top:12px;}
}
/*Used for mobile measurement of vh unit */
.vh{position:fixed;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}