.header{position: fixed;z-index: 120;background: rgba(255,255,255,0);height: 0;width: 100%;transition-delay: 0.2s;top: 0;background: rgba(255,255,255,0);}
.logo{position: fixed;width: 30%;left:calc(50% - 15%);height: 13rem; /*background: url(../Images/logo.svg) no-repeat center top;background-size: 100% auto;*/ padding-top: 0;background: none;display: flex;align-items: flex-end;}
.logo svg{color:#FFF;outline-offset: inherit;outline-offset: inherit;-webkit-transition: all 0.4s ease 0.1s;-moz-transition: all 0.4s ease 0.1s;transition: all 0.4s ease 0.2s;vertical-align: bottom;width: 100%;}
.menu{margin-top: calc(7rem + 45px - 2rem);width: 100%;}
.menu{width: 100%; border-top:1px solid rgba(84,55,45,0);}
.menu>ul{display: flex; justify-content: space-between;flex-wrap: wrap;width: 23%}
.menu>ul li{display: inline-block;position: relative;}
.menu,.menu a{color: #FFF;white-space:nowrap;font-size: 1.3rem;}
.menu>ul:nth-child(1){position: fixed;text-align: right;left: calc(50px + 5%);float: left;}
.menu>ul:nth-child(2){position: fixed;text-align: left;left: calc(75% - 50px);float: left;}
.menu>ul:nth-child(1)>li{float: right;}
.menu>ul:nth-child(1) li a{}
.menu>ul:nth-child(2)>li{float: left;}
.menu .sub-menu-parent>ul>li a{border-bottom: 1px solid rgba(255,255,255,0);}
.menu .sub-menu-parent>ul>li:hover a{border-bottom: 1px solid #FFF;}
.menu>ul>li{line-height: 50px;height: 50px;} 

.preview{position: absolute;z-index: 3; width: 500px;border: 1px;height: 300px;right:calc(50% - 250px);margin-top: 4rem; pointer-events:none}
.preview img{width:220px;float: left;margin: 15px;display: none;}




@media screen and (max-width:1000px){
	.header{height: 50px;background: #FFF;}
	.menu{display: none}
	.logo{position: fixed;width: 60%;left:20%;height: 60px; /*background: url(../Images/logo.svg) no-repeat center top;background-size: 100% auto;*/ padding-top: 0;display: block;align-items:center;}
	
}
@media screen and (max-width:760px){
	.logo{top:7rem;}
}