* {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 3.15vw;
}

#Header {
    position: fixed;
    width: 100%;
    height: 15vw;
    z-index: 100;
    filter: drop-shadow(0 15px 10px #000000);
}

#Header #ClippedHeader {
    display: inline-flex;
    width: 100%;
    height: 100%;
    background-color: #00897baa;
    clip-path: polygon(0 0, 100% 0, 100% 60%, 36% 60%, 30% 100%, 0 100%);
}

#Header #ClippedHeader a {
    width: 31%;
}

#Header #ClippedHeader #Logo {
    float: left;
    margin: 0 0 0 0.5%;
    height: 100%;
    cursor: pointer;
}

#Header #ClippedHeader #TextLogo {
    float: left;
    margin: 0 0 0 5%;
    width: 35%;
    height: 40%;
    font-size: 5.2vw;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
    line-height: 6.4vw;
    cursor: pointer;
}

#Header #ClippedHeader #DescriptionLogo {
    position: absolute;
    top: 5.5vw;
    left: 33%;
    width: 40%;
    color: #e0e0e0;
    font-size: 2.8vw;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
}

#Header #ClippedHeader #TextLogo a {
    text-decoration: none;
    color: #e0e0e0;
}

#Header #ClippedHeader #NavigationMenu {
    position: absolute;
    display: none;
    left: 30%;
    width: 50%;
    height: 60%;
}

#Header #ClippedHeader #NavigationMenu .NavigationAction {
    position: relative;
    margin: auto;
}

#Header #ClippedHeader #NavigationMenu .NavigationAction a {
    color: #e0e0e0;
    text-decoration: none;
    cursor: pointer;
    transition: all 300ms ease;
}

#Header #ClippedHeader #NavigationMenu .NavigationAction a:hover {
    color: #ff9800;
}

#Header #ClippedHeader #Phones {
    position: relative;
    float: right;
    margin: 1vw 0 0 1%;
    width: 22%;
    height: 50%;
}

#Header #ClippedHeader #Phones a {
    text-decoration: none;
    color: #e0e0e0;
    font-size: 3.2vw;
}

#Header #ClippedHeader #Phones a img {
    display: none;
}

#Header #ClippedHeader #Phones a span {
    display: none;
}

#Header #ClippedHeader #Phones div {
    position: absolute;
    top: 4vw;
    font-size: 2.46vw;
    color: #e0e0e0;
}

#Header #ClippedHeader #SideBarButton {
    position: relative;
    float: right;
    margin: 3% 0 0 0;
    height: 20%;
}

#SideBar {
    position: fixed;
    top: 10vw;
    bottom: 0;
    left: 100%;
    width: calc(100% - 30.8vw);
    padding: 0 0 0 30.8vw;
    filter: drop-shadow(-5px 0 10px #000000);
    z-index: 100;
    display: none;
}

#SideBar #HideSideBarPlace {
    position: absolute;
    top: 5%;
    right: 40%;
    bottom: 0;
    left: 0;
}

#SideBar #ClippedSideBar {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #ffffffdd;
    clip-path: polygon(0 5.7vw, 8.2% 0, 100% 0, 100% 100%, 0 100%, 0 10vw);
}

#SideBar #ClippedSideBar p {
    position: relative;
    margin: 5vw 10% 0 0;
    width: 90%;
    height: 10vw;
    font-size: 7vw;
    text-align: right;
    color: #283593cc;
    font-weight: 700;
    text-shadow: 2px 1px 0 #00000040;
}

#SideBar #ClippedSideBar #NavigationList {
    position: relative;
    margin: 10vw 20% 0 20%;
    width: 60%;
    height: 24%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

#SideBar #ClippedSideBar #NavigationList .NavigationItem {
    margin: auto 0;
}

#SideBar #ClippedSideBar #NavigationList .NavigationItem a {
    text-decoration: none;
    color: #000000aa;
    transition: all 0.3s ease;
    font-size: 5vw;
    font-weight: 600;
}

#SideBar #ClippedSideBar #NavigationList .NavigationItem a:hover {
    color: #283593cc;
    font-size: 5.02vw;
}

#Welcome {
    position: relative;
    width: 100%;
    height: 120vw;
    background-color: black;
    background-size: cover;
    background-position: center;
    color: #d0c3bd;
    box-shadow: 0 0 10px #000000;
    z-index: 99;
}

#Welcome.AutoWall {
    background-image: url(../Resources/Pictures/AutoWallWelcome.jpg);
}

#Welcome.MotoWall {
    background-image: url(../Resources/Pictures/MotoWallWelcome.jpg);
}

#Welcome #Back {
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, #00000040 40%, #000000bb 45%, #000000bb);
    color: black;
}

#Welcome #Back #NavigationList {
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 10%;
    left: 5%;
    padding: 60% 0 1% 0;
    width: 50%;
    height: 40vw;
    border-radius: 8px;
    background: linear-gradient(35deg, #ff980080, #ff980040 45%, #00000000 50%);
    z-index: 100;
}

#Welcome #Back #NavigationList .NavigationItem {
    position: relative;
    margin: auto auto auto 3%;
    font-weight: 800;
    cursor: pointer;
}

#Welcome #Back #NavigationList .NavigationItem a {
    text-decoration: none;
    color: #e0e0e0dd;
    text-shadow: 1px 1px 10px #000000;
    transition: all 0.3s ease;
    font-size: 5.8vw;
}

#Welcome #Back #NavigationList .NavigationItem a:hover {
    color: #e0e0e0;
    font-size: 5.82vw;
}

#Welcome #Back #Description {
    position: absolute;
    padding: 6% 2% 0 18%;
    top: 20%;
    right: 5%;
    width: 70%;
    height: 46%;
    border-radius: 8px;
    background: linear-gradient(35deg, #00000000 35%, #ff000020 40%, #ff000060);
    text-align: right;
    color: #e0e0e0;
    font-weight: 500;
    font-size: 4vw;
    font-style: italic;
    z-index: 99;
}

.BecomeClient {
    position: absolute;
    width: 40%;
    height: 10vw;
    border-radius: 24px;
    text-align: center;
    line-height: 10vw;
    font-size: 4vw;
    font-style: italic;
    font-weight: 500;
    box-shadow: 5px 5px 5px #000000;
    background-color: #039be5;
    color: #e0e0e0;
    cursor: pointer;
}

.BecomeClient:hover {
    background-color: #10a9f6;
}

#Welcome #Back .BecomeClient {
    top: 52vw;
    left: 50%;
    z-index: 100;
}

.Social {
    width: 32%;
    height: 7vw;
}

.Social a {
    text-decoration: none;
}

.Social a img {
    height: 100%;
    margin: 0 5% 0 0;
    vertical-align: middle;
}

#Welcome .Social {
    position: absolute;
    bottom: 15%;
    right: 5%;
}

#BecomeClientBack {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000aa;
    z-index: 102;
    display: none;
}

#BecomeClientBack #BecomeClientPanel {
    position: absolute;
    top: 20vw;
    left: 10%;
    width: 80%;
    height: 100vw;
    background-color: #e0e0e0;
    border-radius: 1vw;
    display: flex;
    flex-direction: column;
}

#BecomeClientBack #BecomeClientPanel #Close {
    position: absolute;
    width: 7%;
    top: 1vw;
    right: 2%;
    cursor: pointer;
}

#BecomeClientBack #BecomeClientPanel #Thanks {
    resize: none;
    overflow: hidden;
    outline: none;
    cursor: default;
    position: relative;
    margin: auto auto 5vw auto;
    width: 91%;
    height: 35vw;
    border: 0;
    background-color: transparent;
    text-align: center;
    line-height: 5vw;
    font-family: 'Fira Sans', sans-serif;
    font-size: 3.7vw;
}

#BecomeClientBack #BecomeClientPanel form {
    position: relative;
    margin: 0.5vw auto auto auto;
    padding: 0 0.6vw 0 0;
    width: 90%;
}

#BecomeClientBack #BecomeClientPanel form .Label {
    position: relative;
    float: left;
    margin: 0.3vw 2% 0.3vw 0;
    width: 36%;
    height: 5vw;
    text-align: right;
    font-size: 3.4vw;
    line-height: 5vw;
}

#BecomeClientBack #BecomeClientPanel form input[type="text"] {
    outline: none;
    position: relative;
    float: left;
    margin: 0.3vw 0;
    padding: 0 1%;
    width: 54%;
    height: 5vw;
    border: 0;
    border-radius: 0.2vw;
    font-family: 'Fira Sans', sans-serif;
    font-size: 3.4vw;
}

#BecomeClientBack #BecomeClientPanel form select {
    outline: none;
    position: relative;
    float: left;
    margin: 0.3vw 0;
    padding: 0.3vw 0;
    width: 56%;
    height: 5vw;
    background-color: #ffffff;
    border: 0;
    border-radius: 0.2vw;
    font-family: 'Fira Sans', sans-serif;
    font-size: 3.4vw;
}

#BecomeClientBack #BecomeClientPanel form input[type="submit"] {
    position: relative;
    float: left;
    margin: 2vw 0;
    width: 36%;
    height: 6vw;
    border: 0;
    border-radius: 0.3vw;
    background-color: #00ac9b;
    font-family: 'Fira Sans', sans-serif;
    font-size: 3.8vw;
    cursor: pointer;
}

#BecomeClientBack #BecomeClientPanel form input[type="submit"]:disabled {
    cursor: default;
}

#BecomeClientBack #BecomeClientPanel #SuccessPanel {
    position: absolute;
    /*padding: 12vw 0 0 0;*/
    width: 100%;
    height: 80vw;
    background-color: #00ac9be0;
    border-radius: 1vw;
    font-size: 5vw;
    line-height: 80vw;
    text-align: center;
    display: none;
}

#Risks {
    position: relative;
    width: 100%;
    height: 420vw;
    background-color: black;
    background-size: cover;
    background-position: center;
    color: #d0c3bd;
    z-index: 97;
}

#Risks.AutoWall {
    background-image: url(../Resources/Pictures/AutoWallRisks.jpg);
}

#Risks.MotoWall {
    background-image: url(../Resources/Pictures/MotoWallRisks.jpg);
}

#Risks #RisksAnchor {
    position: absolute;
    width: 100px;
    height: 100px;
    /*background-color: red;*/
    /*top: -2.95vw;*/
    z-index: 100;
}

#Risks #Back {
    display: inline-flex;
    width: 100%;
    height: 100%;
    background-color: #d0c3bdcc;
    color: black;
}

#Risks #Back #Title {
    position: absolute;
    top: 13vw;
    left: 15%;
    width: 80%;
    height: 11vw;
    font-size: 5.8vw;
    font-weight: 900;
    color: #283593cc;
    text-shadow: 3px 2px 0 #00000040;
    cursor: default;
    text-align: right;
}

#Risks #Back #RiskList {
    position: relative;
    margin: 30vw 3%;
    width: 96%;
    height: 380vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#Risks #Back #RiskList .Risk {
    position: relative;
    float: left;
    margin: 1vw 1%;
    width: 98%;
    height: 40vw;
    background-color: #00000080;
    border-radius: 8px;
}

#Risks #Back #RiskList .Risk .Icon {
    position: relative;
    float: left;
    padding: 5vw 4%;
    width: 20%;
}

#Risks #Back #RiskList .Risk .RiskTitle {
    position: relative;
    float: left;
    margin: 3vw 5% 3vw 1%;
    width: 60%;
    font-size: 6vw;
    font-style: italic;
    font-weight: 500;
    line-height: 7vw;
    font-style: italic;
    color: #ffb803;
}

#Risks #Back #RiskList .Risk .RiskDescription {
    position: relative;
    float: left;
    margin: 0 1%;
    width: 68%;
    font-size: 3.2vw;
    font-style: italic;
    /*text-align: justify;*/
    color: #e0e0e0;
}

#Pluses {
    position: relative;
    width: 100%;
    height: 290vw;
    background-color: black;
    background-size: cover;
    background-position: center;
    color: #d0c3bd;
    z-index: 98;
    box-shadow: 0 0 10px #000000;
}

#Pluses.AutoWall {
    background-image: url(../Resources/Pictures/AutoWallRisks.jpg);
}

#Pluses.MotoWall {
    background-image: url(../Resources/Pictures/MotoWallRisks.jpg);
}

#Pluses #PlusesAnchor {
    position: absolute;
    width: 100px;
    height: 100px;
    /*background-color: red;*/
    /*top: -2.95vw;*/
    z-index: 100;
}

#Pluses #Back {
    display: inline-flex;
    width: 100%;
    height: 100%;
    background-color: #000000aa;
    color: black;
}

#Pluses #Back #Title {
    position: absolute;
    width: 61%;
    height: 12vw;
    top: 12vw;
    left: 35%;
    font-size: 8vw;
    font-weight: 900;
    color: #ff9800aa;
    cursor: default;
    text-shadow: 3px 2px 0 #00000040;
}

#Pluses #Back #PlusList {
    position: relative;
    margin: 24vw 3% 0 3%;
    width: 94%;
    height: 270vw;
}

#Pluses #Back #PlusList .Plus {
    position: relative;
    float: left;
    margin: 1vw 1%;
    width: 98%;
    height: 40vw;
    background-color: #ffffffbb;
    border-radius: 8px;
}

#Pluses #Back #PlusList .Plus .Icon {
    position: relative;
    float: left;
    padding: 5vw 4% 15vw 4%;
    width: 20%;
    height: 18vw;
}

#Pluses #Back #PlusList .Plus .PlusTitle {
    position: relative;
    float: left;
    margin: 3vw 5% 2vw 0;
    width: 60%;
    font-size: 6vw;
    font-style: italic;
    font-weight: 500;
    line-height: 7vw;
    font-style: italic;
    color: #c80000bb;
}

#Pluses #Back #PlusList .Plus .PlusDescription {
    position: relative;
    margin: 0 1% 0 22%;
    width: 68%;
    font-size: 3.2vw;
    font-style: italic;
    /*text-align: justify;*/
    color: #000000;
}

#Offer {
    position: relative;
    width: 100%;
    height: 140vw;
    background-color: black;
    background-size: cover;
    background-position: center;
    color: #d0c3bd;
    z-index: 97;
}

#Offer.AutoWall {
    background-image: url(../Resources/Pictures/AutoWallSecond.jpg);
}

#Offer.MotoWall {
    background-image: url(../Resources/Pictures/MotoWallSecond.jpg);
}

#Offer #OfferAnchor {
    position: absolute;
    width: 100px;
    height: 100px;
    /*top: -2.95vw;*/
    z-index: 100;
}

#Offer #Back {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #d0c3bdcc;
    color: black;
}

#Offer #Back .Backlight {
    position: absolute;
    display: flex;
    width: 100%;
    height: 10vw;
}

#Offer #Back .BacklightTop {
    top: -10vw;
    filter: drop-shadow(0 1.2vw 2.5vw #009688);
}

#Offer #Back .BacklightBottom {
    top: 140vw;
    filter: drop-shadow(0 -1.2vw 2.5vw #009688);
}

#Offer #Back .Backlight .Lights {
    margin: 0 auto 0 auto;
    width: 10%;
    height: 100%;
    background-color: black;
    clip-path: circle(45%);
}

#Offer #Back #Title {
    position: absolute;
    top: 12vw;
    left: 36%;
    width: 60%;
    height: 12vw;
    font-size: 8vw;
    font-weight: 900;
    color: #283593cc;
    text-shadow: 3px 2px 0 #00000040;
}

#Offer #Back .Panel {
    position: relative;
    margin: auto;
    width: 65%;
    height: 28%;
    background-color: #000000aa;
    border-radius: 8px;
    background-size: cover;
}

#Offer #Back #AutoPanel {
    margin: 28vw auto 0 auto;
    background-image: url("../Resources/Pictures/AutoForSelection.jpg");
}

#Offer #Back #MotoPanel {
    margin-top: 10%;
    background-image: url("../Resources/Pictures/MotoForSelection.jpg");
}

#Offer #Back .Panel .Back {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(145deg, #000000 20%, #00000000, #ff000000 70%, #ff000080);
    box-shadow: inset 0 0 15px #000000;
    cursor: pointer;
}

#Offer #Back .Panel .Back::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    /* Create the box shadow at expanded size. */
    box-shadow: 0 0 20px #000000;
    /* Hidden by default. */
    opacity: 0;
    transition: opacity 300ms;
}

#Offer #Back .Panel .Back:hover::before {
    /* Show the pseudo-element on hover. */
    opacity: 1;
}

#Offer #Back .Panel .Back .Title {
    position: absolute;
    top: 5%;
    left: 7%;
    color: #ff9800aa;
    font-size: 5vw;
    font-style: italic;
    font-weight: 500;
    transition: all 300ms ease;
}

#Offer #Back .Panel .Back:hover .Title {
    color: #ff9800cc;
}

#Offer #Back .Selected {
    box-shadow: 0 2px 20px #009688;
}

#Offer #Back #Tip {
    display: none;
}

#Services {
    position: relative;
    width: 100%;
    height: 410vw;
    background-color: black;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 10px #000000;
    z-index: 99;
}

#Services.AutoWall {
    background-image: url(../Resources/Pictures/AutoWallThird.jpg);
}

#Services.MotoWall {
    background-image: url(../Resources/Pictures/MotoWallThird.jpg);
}

#Services.Auto.Mobile {
    height: 420vw;
}

#Services.Moto.Mobile {
    height: 260vw;
}

#Services #ServicesAnchor {
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 100;
}

#Services #Back {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000000aa;
    color: #e0e0e0;
}

#Services #Back #Title {
    position: relative;
    padding: 12vw 0 0 60%;
    width: 35%;
    height: 15vw;
    font-size: 10vw;
    font-weight: 900;
    color: #ff980080;
    text-shadow: 3px 2px 0 #00000040;
}

#Services #Back #ServiceList {
    position: relative;
}

#Services #Back #ServiceList .Panel {
    position: relative;
    margin: 2% 2%;
    min-width: 46%;
    height: 52vw;
    background-color: #ffffffcc;
    border-radius: 8px;
    box-shadow: 2px 2px 4px #000000;
}

#Services #Back #ServiceList .Panel .Title {
    position: absolute;
    padding: 2% 0 0 4%;
    width: 96%;
    height: 45%;
    color: #000000aa;
    font-size: 5vw;
    font-weight: 800;
    font-style: italic;
    border-radius: 8px 0 0 0;
}

#Services #Back #ServiceList #FirstPanel .Title {
    background: linear-gradient(168deg, #ff000080, #ff000040 45%, #00000000 50%);
}

#Services #Back #ServiceList #SecondPanel .Title {
    background: linear-gradient(168deg, #ff980080, #ff980040 45%, #00000000 50%);
}

#Services #Back #ServiceList #ThirdPanel .Title {
    background: linear-gradient(168deg, #ffeb3b80, #ffeb3b40 45%, #00000000 50%);
}

#Services #Back #ServiceList #ThirdPanel .Title {
    background: linear-gradient(168deg, #00968880, #00968840 45%, #00000000 50%);
}

#Services #Back #ServiceList #FourthPanel .Title {
    background: linear-gradient(168deg, #2196f380, #2196f340 45%, #00000000 50%);
}

#Services #Back #ServiceList #SixthPanel .Title {
    background: linear-gradient(168deg, #3f51b580, #3f51b540 45%, #00000000 50%);
}

#Services #Back #ServiceList #SeventhPanel .Title {
    background: linear-gradient(168deg, #673ab780, #673ab740 45%, #00000000 50%);
}

#Services #Back #ServiceList .Panel .Price {
    position: absolute;
    top: 20%;
    left: 4%;
    color: #000000aa;
    font-size: 4.5vw;
    font-style: italic;
}

#Services #Back #ServiceList .Panel .Description {
    position: absolute;
    top: 32%;
    right: 5%;
    width: 65%;
    height: 51%;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: justify;
    font-family: 'Fira Sans', sans-serif;
    font-size: 3.2vw;
    font-style: italic;
    resize: none;
    overflow: hidden;
    outline: none;
}

#Services #Back #ServiceList .Panel .More {
    position: absolute;
    width: 40%;
    height: 10%;
    bottom: 8%;
    left: 30%;
    color: #f57c00;
    cursor: pointer;
    text-decoration: underline;
    font-size: 3.2vw;
    font-style: italic;
}

#FullDescriptionBack {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000aa;
    z-index: 102;
}

#FullDescriptionBack #FullDescription {
    position: absolute;
    top: 20%;
    right: 5%;
    bottom: 20%;
    left: 5%;
    padding: 2.5% 0 0 3%;
    background-color: #e0e0e0ee;
    border-radius: 8px;
}

#FullDescriptionBack #FullDescription #Close {
    position: absolute;
    top: 2vw;
    right: 3%;
    width: 6%;
    cursor: pointer;
}

#FullDescriptionBack #FullDescription #Title {
    position: relative;
    width: 80%;
    height: 7vw;
    font-size: 6vw;
    font-weight: 800;
    font-style: italic;
    color: #009688;
}

#FullDescriptionBack #FullDescription #Price {
    position: relative;
    height: 7vw;
    font-size: 4.5vw;
    font-style: italic;
    color: #ef6c00;
}

#FullDescriptionBack #FullDescription #Description {
    position: relative;
    margin: 5vw 0 0 0;
    width: 96%;
    height: 85%;
    background-color: transparent;
    border: none;
    color: #000000;
    text-align: justify;
    font-family: 'Fira Sans', sans-serif;
    font-size: 3.3vw;
    font-style: italic;
    resize: none;
    overflow: hidden;
    outline: none;
}

#Process {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 120vw;
    background-color: black;
    background-size: cover;
    background-position: center;
    color: #d0c3bd;
    box-shadow: 0 0 10px #000000;
    z-index: 99;
}

#Process.AutoWall {
    background-image: url(../Resources/Pictures/AutoWallWelcome.jpg);
}

#Process.MotoWall {
    background-image: url(../Resources/Pictures/MotoWallWelcome.jpg);
}

#Process #ProcessAnchor {
    position: absolute;
    width: 100px;
    height: 100px;
    /*background-color: red;*/
    top: 2vw;
    z-index: 100;
}

#Process #Back {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #e0e0e0dd;
}

#Process #Back #Title {
    position: absolute;
    top: 15vw;
    left: 38%;
    width: 60%;
    height: 12vw;
    font-size: 7vw;
    font-weight: 900;
    color: #283593cc;
    text-shadow: 3px 2px 0 #00000040;
}

#Process #Back #Steps {
    position: relative;
    margin: 28vw 5% 0 5%;
    width: 90%;
    height: 60vw;
}

#Process #Back #Steps .Panel {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 2% 2% 0;
    width: 70%;
    height: 10vw;
    background-color: #000000aa;
    border-radius: 8px;
    color: #e0e0e0;
}

#Process #Back #Steps #SecondStepPanel {
    margin-left: 8%;
}

#Process #Back #Steps #ThirdStepPanel {
    margin-left: 15.3%;
}

#Process #Back #Steps #FourthStepPanel {
    margin-left: 22.6%;
}

#Process #Back #Steps #FifthStepPanel {
    margin-left: 30%;
}

#Process #Back .BecomeClient {
    top: 97vw;
    left: 32%;
}

#About {
    position: relative;
    width: 100%;
    height: 75vw;
    background-color: black;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 10px #000000;
}

#About.AutoWall {
    background-image: url(../Resources/Pictures/AutoWallSecond.jpg);
}

#About.MotoWall {
    background-image: url(../Resources/Pictures/MotoWallSecond.jpg);
}

#About #AboutAnchor {
    position: absolute;
    width: 100px;
    height: 100px;
    /*background-color: red;*/
    z-index: 100;
}

#About #Back {
    position: relative;
    display: inline-flex;
    width: 100%;
    height: 100%;
    background-color: #000000aa;
}

#About #Back #AboutText {
    position: relative;
    margin: 10% 10% auto 10%;
    width: 80%;
    height: 40%;
    color: #e0e0e0;
    text-align: center;
}

#About #Back .Social {
    position: absolute;
    top: 48vw;
    left: 37%;
}

#About #Back #Footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15vw;
    z-index: 100;
    filter: drop-shadow(0 -15px 10px #000000);
}

#About #Back #Footer #ClippedFooter {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #3f51b580;
    clip-path: polygon(0 40%, 75% 40%, 82.2% 0, 100% 0, 100% 100%, 0 100%);
}

#About #Back #Footer #ClippedFooter #Requisites {
    position: absolute;
    top: 60%;
    left: 5%;
    height: 40%;
    width: 90%;
    font-size: 2.4vw;
    color: #e0e0e0;
    text-align: center;
}

#ToTop {
    position: fixed;
    left: 4%;
    bottom: 10vw;
    width: 10%;
    height: 10vw;
    z-index: 101;
    filter: drop-shadow(2px 2px 2px #000000);
    cursor: pointer;
}

#ToTop a img {
    height: 100%;
    width: 100%;
    opacity: 0.5;
    transition: all 300ms ease;
}

#ToTop a img:hover {
    opacity: 1;
}