/* =========================================================
   SECUREX360 — MESH WEBSITE
========================================================= */

.mesh-website {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    pointer-events: none;

    background: transparent;

    z-index: 0;
}


/* SVG */

.mesh-website svg {

    position: absolute;

    top: 0%;
    left: 0;

    width: 200px;
    height: auto;

    /* transform: translateY(-50%); */

    overflow: visible;

    display: block;
    
}


/* Make sure website content stays above mesh */

.mesh-website ~ * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .mesh-website svg {

        width: 72vw;
        height: 110%;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 576px) {

    .mesh-website svg {

        width: 100vw;
        height: 105%;

        left: -8vw;

    }

}