@import url(https://fonts.googleapis.com/css?family=Josefin+Slab|Oswald|Raleway:300,400&display=swap);#logo{position:absolute;padding:20px 10px 10px 10px;width:100px;z-index:2}.logo,.signature{display:block}.logo{width:100px}.signature{width:100px;padding:4px 0}h1{font-size:9vw;font-family:'Josefin Slab',serif;font-weight:500;font-weight:500;line-height:1em;margin:auto;position:absolute;width:43vw;height:9vw;top:0;right:0;bottom:0;left:0;color:#fff;text-shadow:none;background:linear-gradient(90deg,#000,#fff,#000);background-repeat:no-repeat;background-size:80%;opacity:1;animation:animate 2s infinite,disappear 3s forwards;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-background-clip:text;-webkit-text-fill-color:rgba(255,255,255,0)}@keyframes animate{0%{background-position:-500%}100%{background-position:500%}}@keyframes disappear{0%{opacity:1}100%{opacity:0}}.menuWrapper{font-family:"Trebuchet MS",Arial,sans-serif;font-size:15px;font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:normal;line-height:1.3em;position:relative;margin:20px auto;height:536px;width:795px;background-position:0 0;background-repeat:no-repeat;background-color:transparent;background-size:cover;-moz-box-shadow:0 0 6px #fff;-webkit-box-shadow:0 0 6px #fff;box-shadow:0 0 6px #fff;opacity:0;transform:scale(0);animation:opac 3s;animation-fill-mode:forwards;animation-iteration-count:1;animation-delay:1s}@keyframes opac{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}ul.menu{list-style:none;width:100%}ul.menu>li{float:left;width:33.33%;height:536px;background-repeat:no-repeat;background-color:transparent;background-size:cover;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}ul.menu>li.last{border:none}.bg1{background-image:url(../images/StartPageImgs/bg_1.jpg)}.bg2{background-image:url(../images/StartPageImgs/bg_2.jpg)}.bg3{background-image:url(../images/StartPageImgs/bg_3.png)}ul.menu>li>a{float:left;width:100%;height:50px;margin-top:390px;text-align:center;line-height:50px;color:#ddd;background-color:#333;letter-spacing:1px;cursor:pointer;text-decoration:none}ul.menu>li ul{list-style:none;float:left;margin-top:-210px;width:100%;height:140px;padding-top:20px;background-repeat:no-repeat;background-color:transparent}ul.menu>li ul li{display:none;margin:-8px 0 14px 0}ul.menu>li ul.sub2 li{margin:-17px 0 22px 0}ul.menu>li ul.sub1{background-image:url(../images/bg3sub.png);background-image:url(../images/bg1sub.png)}ul.menu>li ul.sub2{background-image:url(../images/bg4sub.png)}ul.menu>li ul.sub3{background-image:url(../images/bg2sub.png)}ul.menu>li ul li a{color:#fff;text-decoration:none;margin-left:20px;font-size:12px}ul.menu>li ul.sub1 li{display:block;margin:-17px 0 22px 0}ul.menu>li ul li a:hover{border-bottom:1px dotted #fff}@media all and (max-width:520px){#menuWrapper{width:100%;height:447px}ul.menu{width:100%}ul.menu>li{width:33.3%;height:447px}ul.menu>li>a{position:absolute;width:100%;float:none;left:0;height:42px;line-height:40px;bottom:81px;background-color:rgba(0,255,255,.2);z-index:1}ul.menu>li>a#bg3{bottom:-3px}ul.menu>li>a#bg2{bottom:39px}ul.menu>li>a::before{content:"Art, Graphics, Photo ...";height:40px;margin:auto;background-color:#222;top:0;left:0;right:0;bottom:2px;position:absolute;width:100%}ul.menu>li>a#bg2::before{content:"Web Design ..."}ul.menu>li>a#bg3::before{content:"Contact ... About ..."}ul.menu>li ul{position:absolute;display:none;height:180px;bottom:-203px;left:0;float:none;background-color:rgba(6,255,248,.22);background-color:rgba(222,255,5,.22)}ul.menu>li ul:hover{cursor:pointer}ul.menu>li ul.sub1{bottom:-119px}ul.menu>li ul.sub2{bottom:-161px}ul.menu>li ul.sub3{bottom:-201px}ul.menu>li ul li,ul.menu>li ul.sub2 li{margin:-8px 0 14px 0}}