@font-face {
    font-family: Foco_Blk;
    src: url("../fonts/Foco_Blk.ttf");
}

.neon-p-bg {
    color: black;
}

@media screen and (max-width: 768px) {
    .neon-bg {
        /*position: relative;*/
        /*height:700vw;*/
        background-color: black;
    }

    .neon-img1 {
        /*position: absolute;*/
        width: 100%;
        /*height: 20vh;*/
        /*left:25vw;*/
        /*top:6vw;*/
        /*background: #444c5b;*/
        margin-bottom: 15vw;
        z-index: 1;
    }

    .neon-img2 {
        /*position: absolute;*/
        width: 100%;
        /*height: 17vh;*/
        right: 4vw;
        top: 14vw;
        margin-bottom: 15vw;
    }

    .neon-img3 {
        /*position: absolute;*/
        width: 100%;
        /*height: 17vh;*/
        left: 1vw;
        top: 47vw;
    }

    .neon-img4 {
        /*position: absolute;*/
        width: 100%;
        /*height: 17vh;*/
        right: 18vw;
        top: 38vw;
        z-index: 1;
        margin-bottom: 15vw;
    }

    .float-img1 {
        /*position: absolute;*/
        padding-top: 40%;
        padding-left: 3%;
        font-size: 28vw;
        font-family: Foco_Blk;
        font-weight: bolder;
        letter-spacing: 0.02em;
        -webkit-text-stroke: 8px #76f2f1;
        color: transparent;
        z-index: 2;
    }

    .float-img2 {
        /*position: absolute;*/
        padding-left: 20%;
        padding-bottom: 10%;
        font-family: Foco_Blk;
        font-size: 28vw;
        font-weight: bolder;
        letter-spacing: 0.02em;
        -webkit-text-stroke: 8px #65c8ee;
        color: transparent;
        z-index: 2;
    }

    .neon-para1 {
        /*position: absolute;*/
        width: 85%;
        padding-left: 10%;
        padding-top: 10vh;
        /*height: 20vh;*/
        font-size: 4vw;
        color: white;
        z-index: 1;
    }

    .neon-para2 {
        /*position: absolute;*/
        width: 85%;
        padding-left: 10%;
        /*margin-bottom: 20vw;*/
        /*height: 20vh;*/
        /*padding-right:11vw;*/
        padding-top: 15vh;
        padding-bottom: 15vh;
        font-size: 4vw;
        color: white;
        z-index: 1;
    }

}

@media screen and (min-width: 768px) {
    .neon-bg {
        position: relative;
        /*width:800px;*/
        height: 80vw;
        background-color: #000000;
    }

    .neon-img1 {
        position: absolute;
        width: 20vw;
        /*height: 20vh;*/
        left: 25vw;
        top: 6vw;
        /*background: #444c5b;*/
        z-index: 1;
    }

    .neon-img2 {
        position: absolute;
        width: 20vw;
        /*height: 17vh;*/
        right: 10vw;
        top: 10vw;
    }

    .neon-img3 {
        position: absolute;
        width: 28vw;
        /*height: 17vh;*/
        left: 1vw;
        top: 40vw;
    }

    .neon-img4 {
        position: absolute;
        width: 23vw;
        /*height: 17vh;*/
        right: 25vw;
        top: 33vw;
        z-index: 1;
    }

    .float-img1 {
        position: absolute;
        left: 15vw;
        top: 15vw;
        font-size: 11vw;

        font-family: Foco_Blk;



        font-weight: bolder;
        letter-spacing: 0.02em;
        -webkit-text-stroke: 5px #76f2f1;
        color: transparent;

        z-index: 2;
    }

    .float-img2 {
        position: absolute;

        right: 25vw;
        top: 31vw;
        font-family: Foco_Blk;

        font-size: 12vw;
        font-weight: bolder;
        letter-spacing: 0.02em;
        -webkit-text-stroke: 5px #65c8ee;
        color: transparent;
        z-index: 2;
    }

    .neon-para1 {
        position: absolute;
        width: 13vw;
        /*height: 20vh;*/
        left: 25vw;
        top: 33vw;
        font-size: 1vw;
        color: white;
        z-index: 1;
    }

    .neon-para2 {
        position: absolute;
        width: 13vw;
        /*height: 20vh;*/
        right: 17vw;
        top: 25vw;
        font-size: 1vw;
        color: white;
        z-index: 1;
    }
}