@media only screen and (max-width: 480px) {


    * {
        --fenanse-green: #536758;
        margin: 0;
        padding: 0;
        --tri-size: calc(30vh + 0px);
        scroll-behavior: smooth;
    }

    body {
        height: 300vh;
        background: white;
        overflow-x: hidden;
    }

    /*Main image*/
    #mainImageContainer {
        position: fixed;
        top: 40vh;
        right: 10vw;
        width: 80vw;
        margin: auto;
        z-index: 1;
    }

    #mainImage {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
        z-index: 1;
    }

    /*Menu*/
    #sticky-menu {
        display: none;
    }
    #contact-anchor {
        display: none;
    }
    #about-anchor {
        display: none;
    }
    #sticky-menu {
        display: none;
    }
    #sticky-menu a:link, a:visited, a:hover, a:active {
        display: none;
    }
    #flying-V {
        display: none;

    }
    #flying-V p {
        display: none;
    }


    /*Green background shape consisting of a square and a triangle on top*/
    #green-box-bg {

        position: absolute;
        top: 100vh;
        Height: 110vh;
        width: 100%;
        background-color: var(--fenanse-green);
        color: var(--fenanse-green);
        content: "";
        z-index: 50;
    }

    #green-box-bg-triangle {
        position: absolute;
        height: 40vh;
        width: 100vw;
        clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
        top: 60.1vh;
        background-color: var(--fenanse-green);
    }


    /* Mid-scroll company info */
    #centre-field {
        position: absolute;
        display: flex;
        top: 100vh;
        width: 100vw;
        height: 100vh;
        z-index: 50;
    }

    .centre-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 500px;
        height: auto;
        margin: 0 auto;
        z-index: 60;
    }

    .centre-box p {
        padding: 1vw 2vw;
        text-align: center;
        font: normal normal lighter 16px Arial;
        letter-spacing: 0.03vw;
        color: white;
        z-index: 70;
    }

    .title {
        font: normal normal bold 22px Arial;
    }


    /*Bottom Form space*/
    #formOuterContainer {
        width: 100%;
        height: 100vh;
        position: absolute;
        z-index: 2;
        top: 200vh;
        background-color: white;
    }

    #formInnerContainer {
        height: 80vh;
        width: 90vw;
        position: absolute;
        top: 15vh;
        right: 5vw;
        background-color: white;
    }

    #formInnerContainer h1 {
        padding: 5px;
        font: normal normal bold 30px Arial;
        color: var(--fenanse-green);
        text-align: center;
    }

    #formInnerContainer p {
        padding: 1vh;
        font: normal normal bold 16px Arial;
        color: var(--fenanse-green);
        text-align: center;

    }

    #contactForm {
        position: relative;
        width: 90%;
        height: fit-content;
        margin: auto;
        background-color: white;
    }

    #contactForm label {
        padding-left: 10px;
        margin: 10px 5vw 0;
        font: normal normal bold 16px Arial;
        color: var(--fenanse-green);
    }

    #contactForm input {
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        margin-top: 10px;
        border: none;
        border-radius: 0.5vw;
        font: normal normal bold 16px Arial;
        box-shadow: 2px 2px 3px #00000029;
        background-color: rgba(248, 248, 248, 0.89);
        color: #202220;
    }
    #contactForm textarea {
        box-sizing: border-box;
        width: 100%;
        height: 30vh;
        padding: 10px 20px;
        margin-top: 10px;
        border: none;
        border-radius: 0.5vw;
        resize: none;
        font: normal normal bold 16px Arial;
        box-shadow: 2px 2px 3px #00000029;
        background-color: rgba(248, 248, 248, 0.89);
        color: #202220;
    }

    ::placeholder {
        color: rgba(167, 167, 167, 0.5);
    }

    button {
        margin: 10px 0;
        padding: 10px;
        border: none;
        border-radius: 0.5vw;
        float: right;
        font: normal normal bolder 16px Arial;
        background-color: #A7A7A7;
        box-shadow: 2px 2px 3px #00000029;
    }

    .footer {
        position: absolute;
        top: calc(300vh - 20px);
        background-color: #536758;
        height: 20px;
        width: 100%;
        z-index: 200;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .footer p {
        font: normal normal bolder 10px Arial;
        color: rgba(45,61,49,0.95);
        padding-right: 10px
    }


}