.websiteBody{
  margin: 0;
}.Page{
  display:block;
  margin:auto;
  width:100%;
  height:auto;
}
.Page-outer{
  
  z-index:1;
}
.Frame{
  position:relative;
  z-index:2;
  
  width:100%;
  margin-left:0;
  height:2310px;
  min-width:200px;
  max-width:1440px;
  margin:auto;
  background-color:rgba(28, 26, 29, 1);
  overflow:hidden;
}
.Frame-outer{
  
  z-index:2;
}
.Frame-4{
  position:fixed;
  z-index:50;
  
  margin-left:0px;
  width:1440px;
  min-width:200px;
  height:106px;
  margin-top:0px;
  margin-bottom:2204px;
  min-height:106px;
  top:0px;
  bottom:0;
  max-width:1440px;
}
.Frame-4-outer{
  
  z-index:50;
  position:relative;
  display:flex;
}
.River{
  position:relative;
  z-index:58;
  
  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:51;
  
  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:51;
  position:relative;
  display:flex;
}
.Rectangle-7{
  position:relative;
  z-index:52;
  
  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:52;
  position:relative;
  display:flex;
}
.linkedin-icon{
  position:relative;
  z-index:56;
  
  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:56;
  position:relative;
  display:flex;
}
.Vector-5{
  position:relative;
  z-index:57;
  
  margin-left:0%;
  width:99.94736842105267%;
  height:99.94736842105262%;
  margin-top:0%;
  content:url(assets/images/Vector_5.png);
}
.Vector-5-outer{
  
  z-index:57;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Insta-icon{
  position:relative;
  z-index:54;
  
  margin-left:1311px;
  width:38px;
  min-width:38px;
  height:38px;
  margin-top:-97px;
  margin-bottom:59px;
  min-height:38px;
}
.Insta-icon-outer{
  
  z-index:54;
  position:relative;
  display:flex;
}
.Vector-6{
  position:relative;
  z-index:55;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Vector_6.png);
}
.Vector-6-outer{
  
  z-index:55;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Menu{
  position:relative;
  z-index:53;
  
  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:53;
  position:relative;
  display:flex;
}
.Dribble{
  position:relative;
  z-index:62;
  
  margin-left:1244px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:-92px;
  margin-bottom:52px;
  min-height:40px;
}
.Dribble-outer{
  
  z-index:62;
  position:relative;
  display:flex;
}
.Group{
  position:relative;
  z-index:63;
  
  margin-left:0px;
  width:40px;
  min-width:40px;
  height:40px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:40px;
}
.Group-outer{
  
  z-index:63;
  position:relative;
  display:flex;
}
.Vector{
  position:relative;
  z-index:68;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector.png);
}
.Vector-outer{
  
  z-index:68;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-1{
  position:relative;
  z-index:67;
  
  margin-left:-5.000000000000003%;
  width:94.95000000000005%;
  height:89.4%;
  margin-top:10.000000000000005%;
  content:url(assets/images/Vector_1.png);
}
.Vector-1-outer{
  
  z-index:67;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-2{
  position:relative;
  z-index:66;
  
  margin-left:27.49999999999996%;
  width:51.39999999999993%;
  height:100.95000000000002%;
  margin-top:-2.4999999999999964%;
  content:url(assets/images/Vector_2.png);
}
.Vector-2-outer{
  
  z-index:66;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-3{
  position:relative;
  z-index:65;
  
  margin-left:10.000000000000025%;
  width:95.35000000000024%;
  height:45.824999999999996%;
  margin-top:45.000000000000114%;
  content:url(assets/images/Vector_3.png);
}
.Vector-3-outer{
  
  z-index:65;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-4{
  position:relative;
  z-index:64;
  
  margin-left:-5%;
  width:110%;
  height:110%;
  margin-top:-5%;
  content:url(assets/images/Vector_4.png);
}
.Vector-4-outer{
  
  z-index:64;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q3-rectangle-Hamburg{
  position:relative;
  z-index:59;
  
  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:59;
  position:relative;
  display:flex;
}
.Rectangle-1{
  position:relative;
  z-index:60;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:0px;
  margin-bottom:12px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(159, 33, 147, 1) -3.0616171314629196e-15%, rgba(184, 42, 234, 0.5072917938232422) 69.58332061767577%, rgba(21, 15, 21, 0.7300000190734863) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-1-outer{
  
  z-index:60;
  position:relative;
  display:flex;
}
.Rectangle-2{
  position:relative;
  z-index:61;
  
  margin-left:0px;
  width:76px;
  min-width:76px;
  height:5px;
  margin-top:-5px;
  margin-bottom:0px;
  min-height:5px;
  background:linear-gradient(180deg, rgba(159, 33, 147, 1) -3.0616171314629196e-15%, rgba(184, 42, 234, 0.5072917938232422) 69.58332061767577%, rgba(21, 15, 21, 0.7300000190734863) 99.99999999999997%);
  border-radius:3px;
}
.Rectangle-2-outer{
  
  z-index:61;
  position:relative;
  display:flex;
}
.Rectangle-4{
  position:relative;
  z-index:4;
  
  margin-left:-2px;
  width:1450px;
  min-width:1450px;
  height:290px;
  margin-top:97px;
  margin-bottom:1923px;
  min-height:290px;
  background:linear-gradient(180deg, rgba(35, 17, 44, 0) -3.0616171314629196e-15%, rgba(31, 21, 36, 0.485592246055603) 0.009999999747375688%, rgba(30, 24, 33, 0.7343988418579102) 34.16665494441985%, rgba(28, 26, 29, 1) 99.99999999999997%);
}
.Rectangle-4-outer{
  
  z-index:4;
  position:relative;
  display:flex;
}
.unsplash-FlPc9-VocJ4{
  position:relative;
  z-index:3;
  
  margin-left:0px;
  width:1440px;
  min-width:1440px;
  height:274px;
  margin-top:-2205px;
  margin-bottom:1931px;
  min-height:274px;
  content:url(assets/images/unsplash_FlPc9_VocJ4.png);
}
.unsplash-FlPc9-VocJ4-outer{
  
  z-index:3;
  position:relative;
  display:flex;
}
.Projects-2{
  position:relative;
  z-index:5;
  
  margin-left:565px;
  width:310px;
  min-width:310px;
  height:157px;
  margin-top:-2146px;
  margin-bottom:1989px;
  min-height:157px;
}
.Projects-2-outer{
  
  z-index:5;
  position:relative;
  display:flex;
}
.Projects-3{
  position:relative;
  z-index:7;
  
  margin-left:5px;
  width:305px;
  min-width:305px;
  margin-top:0px;
  margin-bottom:1px;
  min-height:156px;
  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:96px;
  line-height:157px;
}
.Projects-3-outer{
  
  z-index:7;
  position:relative;
  display:flex;
}
.Projects-4{
  position:relative;
  z-index:6;
  
  margin-left:0px;
  width:305px;
  min-width:305px;
  margin-top:-156px;
  margin-bottom:0px;
  min-height:156px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(36, 32, 32, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:96px;
  line-height:157px;
}
.Projects-4-outer{
  
  z-index:6;
  position:relative;
  display:flex;
}
.unsplash-qLW70Aoo8BE{
  position:relative;
  z-index:11;
  
  margin-left:7px;
  width:1441px;
  min-width:1441px;
  height:582px;
  margin-top:-1879px;
  margin-bottom:1297px;
  min-height:582px;
  background-image: url("assets/images/wanderbackground.png")
  /* background:linear-gradient(180deg, rgba(28, 20, 20, 0.20000000298023224) -3.0616171314629196e-15%, rgba(31, 24, 24, 0.20000000298023224) 0.009999999747375688%, rgba(28, 22, 22, 0.20000000298023224) 29.47915494441985%, rgba(31, 24, 24, 0) 99.99999999999997%); */
}
.unsplash-qLW70Aoo8BE-outer{
  
  z-index:11;
  position:relative;
  display:flex;
}
.Tablet-mockup-wander{
  position:relative;
  z-index:13;
  
  margin-left:435px;
  width:641px;
  min-width:641px;
  height:463px;
  margin-top:-1818px;
  margin-bottom:1355px;
  min-height:463px;
}
.Tablet-mockup-wander-outer{
  
  z-index:13;
  position:relative;
  display:flex;
}
.iPad-Air--2020--1{
  position:relative;
  z-index:14;
  
  margin-left:0px;
  width:641px;
  min-width:641px;
  height:463px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:463px;
}
.iPad-Air--2020--1-outer{
  
  z-index:14;
  position:relative;
  display:flex;
}
.Lateral-Components-1{
  position:relative;
  z-index:22;
  
  margin-left:0px;
  width:109.31px;
  min-width:109.31px;
  height:78.83px;
  margin-top:0px;
  margin-bottom:384.16999999999996px;
  min-height:78.83px;
}
.Lateral-Components-1-outer{
  
  z-index:22;
  position:relative;
  display:flex;
}
.Power-Button-1{
  position:relative;
  z-index:25;
  
  margin-left:0%;
  width:1.3813923703229354%;
  height:59.07649372066472%;
  margin-top:31.10419906687404%;
  content:url(assets/images/Power_Button_1.png);
}
.Power-Button-1-outer{
  
  z-index:25;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q--Button-2{
  position:relative;
  z-index:24;
  
  margin-left:46.656298600311054%;
  width:24.736986552008055%;
  height:1.9281999238868452%;
  margin-top:0%;
  content:url(assets/images/___Button_2.png);
}
.q--Button-2-outer{
  
  z-index:24;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q--Button-3{
  position:relative;
  z-index:23;
  
  margin-left:75.01600951422562%;
  width:24.736986552008055%;
  height:1.9281999238868452%;
  margin-top:0%;
  content:url(assets/images/___Button_3.png);
}
.q--Button-3-outer{
  
  z-index:23;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Body-1{
  position:relative;
  z-index:15;
  
  margin-left:2px;
  width:639.49px;
  min-width:639.49px;
  height:461.48px;
  margin-top:-461px;
  margin-bottom:-0.4800000000000182px;
  min-height:461.48px;
}
.Body-1-outer{
  
  z-index:15;
  position:relative;
  display:flex;
}
.Screen-1{
  position:relative;
  z-index:21;
  
  margin-left:26px;
  width:586.2px;
  min-width:586.2px;
  height:408.12px;
  margin-top:26px;
  margin-bottom:27.360000000000014px;
  min-height:408.12px;
  content:url(assets/images/Screen_1.png);
}
.Screen-1-outer{
  
  z-index:21;
  position:relative;
  display:flex;
}
.Frontal-Camera-1{
  position:relative;
  z-index:18;
  
  margin-left:8px;
  width:7.57px;
  min-width:7.57px;
  height:7.58px;
  margin-top:-235.48000000000002px;
  margin-bottom:227.89999999999998px;
  min-height:7.58px;
}
.Frontal-Camera-1-outer{
  
  z-index:18;
  position:relative;
  display:flex;
}
.Lens-1{
  position:relative;
  z-index:20;
  
  margin-left:26.420079260237717%;
  width:63.93659180977528%;
  height:63.98416886543535%;
  margin-top:26.420079260237717%;
  content:url(assets/images/Lens_1.png);
}
.Lens-1-outer{
  
  z-index:20;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Shadow-Camera-1{
  position:relative;
  z-index:19;
  
  margin-left:-13.21003963011889%;
  width:166.05019815059444%;
  height:165.96306068601584%;
  margin-top:0%;
  content:url(assets/images/Shadow_Camera_1.png);
}
.Shadow-Camera-1-outer{
  
  z-index:19;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Screen-Background-1{
  position:relative;
  z-index:17;
  
  margin-left:-0.15637461101815506%;
  width:100.17983080267086%;
  height:100.24919823177602%;
  margin-top:-0.15637461101815506%;
  content:url(assets/images/Screen_Background_1.png);
}
.Screen-Background-1-outer{
  
  z-index:17;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Outline-Stroke-1{
  position:relative;
  z-index:16;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Outline_Stroke_1.png);
}
.Outline-Stroke-1-outer{
  
  z-index:16;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Vector-7{
  position:relative;
  z-index:28;
  
  margin-left:47.269890795631824%;
  width:1.24804992199688%;
  height:3.4557235421166306%;
  margin-top:66.14664586583463%;
  content:url(assets/images/Vector_7.png);
}
.Vector-7-outer{
  
  z-index:28;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Ellipse-1{
  position:relative;
  z-index:27;
  
  margin-left:46.02184087363494%;
  width:3.5553822152886116%;
  height:4.751619870410368%;
  margin-top:65.83463338533541%;
  content:url(assets/images/Ellipse_1.png);
}
.Ellipse-1-outer{
  
  z-index:27;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.image-1{
  position:relative;
  z-index:26;
  
  margin-left:4.368174726989079%;
  width:92.3556942277691%;
  height:91.57667386609072%;
  margin-top:3.1201248049921997%;
  content:url(assets/images/image_1.png);
}
.image-1-outer{
  
  z-index:26;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.unsplash-46bom4lObsA{
  position:relative;
  z-index:12;
  background-image: url("assets/images/phabackground.png");
  margin-left:-2px;
  width:1441px;
  min-width:1441px;
  height:582px;
  margin-top:-1294px;
  margin-bottom:712px;
  min-height:582px;
  background-color:rgba(27, 54, 197, 0.4000000059604645);
}
.unsplash-46bom4lObsA-outer{
  
  z-index:12;
  position:relative;
  display:flex;
}
.Tablet-Mockup-PHA{
  position:relative;
  z-index:29;
  
  margin-left:431px;
  width:641px;
  min-width:641px;
  height:463px;
  margin-top:-1229px;
  margin-bottom:766px;
  min-height:463px;
}
.Tablet-Mockup-PHA-outer{
  
  z-index:29;
  position:relative;
  display:flex;
}
.iPad-Air--2020-{
  position:relative;
  z-index:30;
  
  margin-left:0px;
  width:641px;
  min-width:641px;
  height:463px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:463px;
}
.iPad-Air--2020--outer{
  
  z-index:30;
  position:relative;
  display:flex;
}
.Lateral-Components{
  position:relative;
  z-index:38;
  
  margin-left:0px;
  width:109.31px;
  min-width:109.31px;
  height:78.83px;
  margin-top:0px;
  margin-bottom:384.1700000000001px;
  min-height:78.83px;
}
.Lateral-Components-outer{
  
  z-index:38;
  position:relative;
  display:flex;
}
.Power-Button{
  position:relative;
  z-index:41;
  
  margin-left:0%;
  width:1.3813923703229354%;
  height:59.07649372066472%;
  margin-top:31.10419906687404%;
  content:url(assets/images/Power_Button.png);
}
.Power-Button-outer{
  
  z-index:41;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q--Button{
  position:relative;
  z-index:40;
  
  margin-left:46.656298600311075%;
  width:24.73698655200807%;
  height:1.9281999238868452%;
  margin-top:0%;
  content:url(assets/images/___Button.png);
}
.q--Button-outer{
  
  z-index:40;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.q--Button-1{
  position:relative;
  z-index:39;
  
  margin-left:75.01600951422562%;
  width:24.736986552008055%;
  height:1.9281999238868452%;
  margin-top:0%;
  content:url(assets/images/___Button_1.png);
}
.q--Button-1-outer{
  
  z-index:39;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Body{
  position:relative;
  z-index:31;
  
  margin-left:2px;
  width:639.49px;
  min-width:639.49px;
  height:461.48px;
  margin-top:-461px;
  margin-bottom:-0.4800000000000182px;
  min-height:461.48px;
}
.Body-outer{
  
  z-index:31;
  position:relative;
  display:flex;
}
.Screen{
  position:relative;
  z-index:37;
  
  margin-left:26px;
  width:586.2px;
  min-width:586.2px;
  height:408.12px;
  margin-top:26px;
  margin-bottom:27.360000000000127px;
  min-height:408.12px;
  content:url(assets/images/Screen.png);
}
.Screen-outer{
  
  z-index:37;
  position:relative;
  display:flex;
}
.Frontal-Camera{
  position:relative;
  z-index:34;
  
  margin-left:8px;
  width:7.57px;
  min-width:7.57px;
  height:7.58px;
  margin-top:-235.48000000000002px;
  margin-bottom:227.9000000000001px;
  min-height:7.58px;
}
.Frontal-Camera-outer{
  
  z-index:34;
  position:relative;
  display:flex;
}
.Lens{
  position:relative;
  z-index:36;
  
  margin-left:26.420079260237717%;
  width:63.93659180977528%;
  height:63.98416886543535%;
  margin-top:26.420079260237717%;
  content:url(assets/images/Lens.png);
}
.Lens-outer{
  
  z-index:36;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Shadow-Camera{
  position:relative;
  z-index:35;
  
  margin-left:-13.21003963011889%;
  width:166.05019815059444%;
  height:165.96306068601584%;
  margin-top:0%;
  content:url(assets/images/Shadow_Camera.png);
}
.Shadow-Camera-outer{
  
  z-index:35;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Screen-Background{
  position:relative;
  z-index:33;
  
  margin-left:-0.15637461101815506%;
  width:100.17983080267086%;
  height:100.24919823177602%;
  margin-top:-0.15637461101815506%;
  content:url(assets/images/Screen_Background.png);
}
.Screen-Background-outer{
  
  z-index:33;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Outline-Stroke{
  position:relative;
  z-index:32;
  
  margin-left:0%;
  width:100%;
  height:100%;
  margin-top:0%;
  content:url(assets/images/Outline_Stroke.png);
}
.Outline-Stroke-outer{
  
  z-index:32;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Rectangle-116{
  position:relative;
  z-index:42;
  
  margin-left:4.056162246489859%;
  width:92.1996879875195%;
  height:88.76889848812095%;
  margin-top:4.212168486739469%;
  content:url(assets/images/Rectangle_116.png);
}
.Rectangle-116-outer{
  
  z-index:42;
  position:absolute;
  display:flex;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.Projects{
  position:relative;
  z-index:8;
  
  margin-left:450px;
  width:587px;
  min-width:587px;
  height:156px;
  margin-top:-680px;
  margin-bottom:524px;
  min-height:156px;
}
.Projects-outer{
  
  z-index:8;
  position:relative;
  display:flex;
}
.Featured-Works{
  position:relative;
  z-index:10;
  
  margin-left:0px;
  width:587px;
  min-width:587px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:156px;
  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:96px;
  line-height:157px;
}
.Featured-Works-outer{
  
  z-index:10;
  position:relative;
  display:flex;
}
.Projects-1{
  position:relative;
  z-index:9;
  
  margin-left:59px;
  width:305px;
  min-width:305px;
  margin-top:-156px;
  margin-bottom:0px;
  min-height:156px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:rgba(36, 32, 32, 1);
  font-style:normal;
  font-family:Timmana;
  font-weight:400;
  font-size:96px;
  line-height:157px;
}
.Projects-1-outer{
  
  z-index:9;
  position:relative;
  display:flex;
}
.Scroll-projects{
  position:relative;
  z-index:43;
  
  margin-left:94px;
  width:1257px;
  min-width:1257px;
  height:446px;
  margin-top:-466px;
  margin-bottom:20px;
  min-height:446px;
  overflow:hidden;
}
.Scroll-projects-outer{
  
  z-index:43;
  position:relative;
  display:flex;
}
.Last-scroll{
  position:relative;
  z-index:47;
  
  margin-left:1458px;
  width:-112px;
  min-width:-112px;
  height:446px;
  margin-top:0px;
  margin-bottom:0px;
  min-height:446px;
  content:url(assets/images/Last_scroll.png);
}
.Last-scroll-outer{
  
  z-index:47;
  position:relative;
  display:flex;
}
.Rectangle-13{
  position:relative;
  z-index:46;
  
  margin-left:972px;
  width:374px;
  min-width:374px;
  height:446px;
  margin-top:-446px;
  margin-bottom:0px;
  min-height:446px;
  content:url(assets/images/Rectangle_13.png);
}
.Rectangle-13-outer{
  
  z-index:46;
  position:relative;
  display:flex;
}
.q404-landing-page{
  position:relative;
  z-index:45;
  
  margin-left:486px;
  width:446px;
  min-width:446px;
  height:446px;
  margin-top:-446px;
  margin-bottom:0px;
  min-height:446px;
  content:url(assets/images/_404_landing_page.png);
}
.q404-landing-page-outer{
  
  z-index:45;
  position:relative;
  display:flex;
}
.paramore{
  position:relative;
  z-index:44;
  
  margin-left:0px;
  width:446px;
  min-width:446px;
  height:446px;
  margin-top:-446px;
  margin-bottom:0px;
  min-height:446px;
  content:url(assets/images/paramore.png);
}
.paramore-outer{
  
  z-index:44;
  position:relative;
  display:flex;
}
.arrow-right{
  position:relative;
  z-index:49;
  
  margin-left:1348px;
  width:92px;
  min-width:92px;
  height:92px;
  margin-top:-303px;
  margin-bottom:211px;
  min-height:92px;
  content:url(assets/images/arrow_right.png);
}
.arrow-right-outer{
  
  z-index:49;
  position:relative;
  display:flex;
}
.arrow-left{
  position:relative;
  z-index:48;
  
  margin-left:0px;
  width:92px;
  min-width:92px;
  height:92px;
  margin-top:-303px;
  margin-bottom:211px;
  min-height:92px;
  content:url(assets/images/arrow_left.png);
}
.arrow-left-outer{
  
  z-index:48;
  position:relative;
  display:flex;
}

#Tablet-mockup-wander:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 35px;
  transition: all 0.3s ease-out;
  background-color: transparent;
  z-index: 9998;
}
#Tablet-mockup-wander:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 150px;
  content: "";
  display: block;
  z-index: 9999;
  
  background-repeat: no-repeat;
  background-position: bottom center;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#Tablet-mockup-wander:hover:before {
  background-color: rgba(255, 255, 255, 0.6);
}
#Tablet-mockup-wander:hover:after {
  opacity: 0.8;
  background-image: url("assets/images/wanderlogo.png");
}

#Tablet-Mockup-PHA:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 35px;
  transition: all 0.3s ease-out;
  background-color: transparent;
  z-index: 9998;
}
#Tablet-Mockup-PHA:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 150px;
  content: "";
  display: block;
  z-index: 9999;  
  background-repeat: no-repeat;
  background-position: bottom center;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#Tablet-Mockup-PHA:hover:before {
  background-color: rgba(255, 255, 255, 0.6);
}
#Tablet-Mockup-PHA:hover:after {
  opacity: 1;
  background-image: url("assets/images/phaLogo.png");
}

#Scroll-projects {
  overflow: hidden;
}
#Scroll-projects ul {
  margin: 0;
  padding: 0;
  width: 2600px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease-in-out;
}
#Scroll-projects li {
  display: inline-block;
  cursor: pointer;
}
#Scroll-projects li + li {
  margin-left: 16px;
}
#arrow-left, #arrow-right {
  cursor: pointer;
}

#ModalBackdrop {
  position: fixed;
  bottom: 0;
  top: 100%;
  left: 50%;
  right: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease-out;
  z-index: 99999;
}
#ModalBackdrop.open {
  left: 0;
  right: 0;
  top: 0;
}

#CarouselDialog {
  z-index: 100000;
  position: fixed;
  width: 0;
  left: 10%;
  top: 100%;
  transition: all 0.3s ease-out;
  opacity: 0;
}

#CarouselDialog.open {
  width: 80%;
  top: 15%;
  opacity: 1;
}

#CarouselDialog img {
  max-width: 100%;
  max-height: 75vh;
  display: block;
  margin: 0 auto;
}