@keyframes bouncingArrow {
  from { bottom: 0; }
  to { bottom: 10px; }
}

.websiteBody{
  margin: 0;
}.Page{
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  pointer-events:auto;
}
.Page-outer{
  
  z-index:1;
}
.Frame{
  position:relative;
  z-index:2;
  
  width:100%;
  margin-left:0;
  height:1024px;
  min-width:200px;
  max-width:1440px;
  margin:auto;
  background-image:url(assets/images/Wander_website_casestudy.png);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}
.Frame-outer{
  
  z-index:2;
}
.Frame-4{
  position:relative;
  z-index:3;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:0px;
  margin-bottom:918px;
  min-height:106px;
}
.Frame-4-outer{
  
  z-index:3;
  position:relative;
  display:flex;
}
.River{
  position:relative;
  z-index:11;
  
  margin-left:600px;
  width:119px;
  min-width:119px;
  margin-top:-2px;
  margin-bottom:24px;
  min-height:84px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Pacifico;
  font-weight:400;
  font-size:48px;
  line-height:85px;
}
.River-outer{
  position:relative;
  display:flex;
}
.Main-menu-bar{
  position:relative;
  z-index:4;
  
  margin-left:-5px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:-98px;
  margin-bottom:-8px;
  min-height:106px;
}
.Main-menu-bar-outer{
  
  z-index:4;
  position:relative;
  display:flex;
}
.Rectangle-7{
  position:relative;
  z-index:5;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:106px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:106px;
  background-color:rgba(196, 196, 196, 0);
}
.Rectangle-7-outer{
  
  z-index:5;
  position:relative;
  display:flex;
}
.linkedin-icon{
  position:relative;
  z-index:9;
  
  margin-left:1367px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-98px;
  margin-bottom:60px;
  min-height:38px;
  overflow:hidden;
}
.linkedin-icon-outer{
  
  z-index:9;
  position:relative;
  display:flex;
}
.Vector-7{
  position:relative;
  z-index:10;
  
  margin-left:0%;
  width:99.94736842105267%;
  height:99.94736842105262%;
  margin-top:0%;
  content:url(assets/images/Vector_7.png);
}
.Vector-7-outer{
  
  z-index:10;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Insta-icon{
  position:relative;
  z-index:7;
  
  margin-left:1311px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-97px;
  margin-bottom:59px;
  min-height:38px;
}
.Insta-icon-outer{
  
  z-index:7;
  position:relative;
  display:flex;
}
.Vector-8{
  position:relative;
  z-index:8;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Vector_8.png);
}
.Vector-8-outer{
  
  z-index:8;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Menu{
  position:relative;
  z-index:6;
  
  margin-left:125px;
  width:73px;
  min-width:73px;
  margin-top:-73px;
  margin-bottom:39px;
  min-height:34px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(255, 255, 255, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:36px;
  line-height:59px;
}
.Menu-outer{
  
  z-index:6;
  position:relative;
  display:flex;
}
.Dribble{
  position:relative;
  z-index:15;
  
  margin-left:1244px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:-92px;
  margin-bottom:52px;
  min-height:40px;
}
.Dribble-outer{
  
  z-index:15;
  position:relative;
  display:flex;
}
.Group{
  position:relative;
  z-index:16;
  
  margin-left:0px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:40px;
}
.Group-outer{
  
  z-index:16;
  position:relative;
  display:flex;
}
.Vector-2{
  position:relative;
  z-index:21;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_2.png);
}
.Vector-2-outer{
  
  z-index:21;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-3{
  position:relative;
  z-index:20;
  
  margin-left:-5.000000000000003%;
  width:94.95000000000005%;
  height:89.4%;
  margin-top:10.000000000000005%;
  content:url(assets/images/Vector_3.png);
}
.Vector-3-outer{
  
  z-index:20;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-4{
  position:relative;
  z-index:19;
  
  margin-left:27.49999999999996%;
  width:51.39999999999993%;
  height:100.95000000000002%;
  margin-top:-2.4999999999999964%;
  content:url(assets/images/Vector_4.png);
}
.Vector-4-outer{
  
  z-index:19;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-5{
  position:relative;
  z-index:18;
  
  margin-left:10.000000000000025%;
  width:95.35000000000024%;
  height:45.824999999999996%;
  margin-top:45.000000000000114%;
  content:url(assets/images/Vector_5.png);
}
.Vector-5-outer{
  
  z-index:18;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-6{
  position:relative;
  z-index:17;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_6.png);
}
.Vector-6-outer{
  
  z-index:17;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q3-rectangle-Hamburg{
  position:relative;
  z-index:12;
  
  margin-left:20px;
  width:76px;
  min-width:76px;
  height:17px;
  margin-top:-67px;
  margin-bottom:50px;
  min-height:17px;
}
.q3-rectangle-Hamburg-outer{
  
  z-index:12;
  position:relative;
  display:flex;
}
.Rectangle-1{
  position:relative;
  z-index:13;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:0px;
  margin-bottom:12px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(9, 188, 138, 1) -3.0616171314629196e-15%, rgba(9, 188, 138, 1) 69.58332061767577%, rgba(21, 15, 21, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-1-outer{
  
  z-index:13;
  position:relative;
  display:flex;
}
.Rectangle-2{
  position:relative;
  z-index:14;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:-5px;
  margin-bottom:0px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(9, 188, 138, 1) -3.0616171314629196e-15%, rgba(9, 188, 138, 1) 69.58332061767577%, rgba(21, 15, 21, 0.73) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-2-outer{
  
  z-index:14;
  position:relative;
  display:flex;
}
.Desktop-dark{
  position:relative;
  z-index:22;
  
  margin-left:398px;
  width:1002px;
  min-width:1002px;
  height:604px;
  margin-top:-814px;
  margin-bottom:210px;
  min-height:604px;
  filter:drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.35));
  box-shadow:inset -3px -7px 5px rgba(0, 0, 0, 0.17);
}
.Desktop-dark-outer{
  
  z-index:22;
  position:relative;
  display:flex;
}
.Desktop-gray{
  position:relative;
  z-index:23;
  
  margin-left:0px;
  width:1002px;
  min-width:1002px;
  height:604px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:604px;
}
.Desktop-gray-outer{
  
  z-index:23;
  position:relative;
  display:flex;
}
.top-speaker-cam{
  position:relative;
  z-index:26;
  
  margin-left:417px;
  width:168px;
  min-width:168px;
  height:9px;
  margin-top:11px;
  margin-bottom:584px;
  min-height:9px;
}
.top-speaker-cam-outer{
  
  z-index:26;
  position:relative;
  display:flex;
}
.Ellipse-5{
  position:relative;
  z-index:29;
  
  margin-left:-159px;
  width:9px;
  height:9px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:9px;
  content:url(assets/images/Ellipse_5.png);
}
.Ellipse-5-outer{
  
  z-index:29;
  justify-content:center;
  position:relative;
  display:flex;
}
.Ellipse-4{
  position:relative;
  z-index:28;
  
  margin-left:159px;
  width:9px;
  height:9px;
  margin-top:-9px;
  margin-bottom:0px;
  min-height:9px;
  content:url(assets/images/Ellipse_4.png);
}
.Ellipse-4-outer{
  
  z-index:28;
  justify-content:center;
  position:relative;
  display:flex;
}
.Rectangle-21{
  position:relative;
  z-index:27;
  
  margin-left:11px;
  width:121px;
  height:9px;
  margin-top:-9px;
  margin-bottom:0px;
  min-height:9px;
  background-color:rgba(31, 31, 31, 1);
  border-radius:8px;
}
.Rectangle-21-outer{
  
  z-index:27;
  justify-content:center;
  position:relative;
  display:flex;
}
.Mask-Group{
  position:relative;
  z-index:25;
  
  margin-left:26px;
  width:950px;
  min-width:950px;
  height:543px;
  margin-top:-573px;
  margin-bottom:30px;
  min-height:543px;
  content:url(assets/images/Mask_Group.png);
}
.Mask-Group-outer{
  
  z-index:25;
  position:relative;
  display:flex;
}
.device{
  position:relative;
  z-index:24;
  
  margin-left:0px;
  margin-right:0px;
  flex-grow:1;
  margin-top:0px;
  margin-bottom:0px;
  min-height:604px;
  background-color:rgba(61, 61, 61, 1);
  border-radius:38px;
}
.device-outer{
  
  z-index:24;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Wander-Logo-Main{
  position:relative;
  z-index:30;
  
  margin-left:0px;
  width:476.14px;
  min-width:476.14px;
  height:262.35px;
  margin-top:-777px;
  margin-bottom:514.65px;
  min-height:262.35px;
  content:url(assets/images/Wander_Logo_Main.png);
}
.Wander-Logo-Main-outer{
  
  z-index:30;
  position:relative;
  display:flex;
}
.Wander-curates-local{
  position:relative;
  z-index:34;
  
  margin-left:35px;
  width:316px;
  min-width:316px;
  margin-top:-569px;
  margin-bottom:452px;
  min-height:117px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(51, 51, 51, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:24px;
  line-height:39px;
}
.Wander-curates-local-outer{
  
  z-index:34;
  position:relative;
  display:flex;
}
.Ellipse-1{
  position:relative;
  z-index:32;
  
  margin-left:856px;
  width:22.79px;
  min-width:22.79px;
  height:22px;
  margin-top:-262px;
  margin-bottom:240px;
  min-height:22px;
  content:url(assets/images/Ellipse_1.png);
}
.Ellipse-1-outer{
  
  z-index:32;
  position:relative;
  display:flex;
}
.Vector-1{
  position:relative;
  z-index:33;
  
  margin-left:864px;
  width:8px;
  min-width:8px;
  height:16px;
  margin-top:-260px;
  margin-bottom:244px;
  min-height:16px;
  content:url(assets/images/Vector_1.png);
}
.Vector-1-outer{
  
  z-index:33;
  position:relative;
  display:flex;
}
.ant-design-down-outl{
  position:relative;
  z-index:35;
  
  margin-left:650px;
  width:125px;
  min-width:125px;
  height:92px;
  margin-top:-93px;
  margin-bottom:-13px;
  min-height:92px;
  overflow:hidden;
}
.ant-design-down-outl-outer{
  
  z-index:35;
  position:relative;
  display:flex;
}
.Vector{
  position:relative;
  z-index:32;
  width:75px;
  height:50px;
}
.Vector-outer{
  animation: bouncingArrow 1s infinite alternate;
  z-index:32;
  position:absolute;
  display:flex;
  flex-direction: column;
  align-items: center;
  width:100%;
  height:50px;
  left:0;
  bottom:10px;
}
.image-1{
  position:relative;
  z-index:31;
  
 
  width:65.97222222222223%;
  height:49.21875%;
  
  content:url(assets/images/image_1.png);
}
.image-1-outer{
  
  z-index:31;
  position:absolute;
  display:flex;
  margin-left:29.444444444444443%;
  margin-top:19.444444444444443%;
  width:100%;
  height:100%;
  left:0;
  top:0;
}