html{
    background-color: #1d9ed6;
}

.header_1{
    height: 15%;
    width: 75%;
    position: absolute;
    left: 12.5%;
    background-color: #93e2bb;
    border-radius: 15px;
    font-size: 5vw;
    text-align: center;
    min-width: 50%;
    box-shadow: 10px 10px 12px #888888;
}

.btn_vid{
    position: absolute;
    top: 50%;
    left: 22%;
    height: 10%;
    width: 25%;
    font-size: 1.7vw;
}

.btn_chat{
    position: absolute;
    top: 50%;
    right: 22%;
    height: 10%;
    width: 25%;
    font-size: 2vw;
}

button{
    outline-style: none;
    border: none;
    cursor: pointer;
    border-radius: 15px;
}

img{
    position: absolute;
    cursor: pointer;
}

.vc_icon{
    top: 52.5%;
    left: 22.4%;
    height: 6%;
    width: 2.9%;
}

.chat_icon{
    top: 52.5%;
    right: 23%;
    height: 6%;
    width: 2.9%;
}

button a{
    text-decoration: none;
    color: black;
}

@media only screen and (max-width: 640px) and (min-width: 376px){
    .header_1{
        height: 13%;
        font-size: 8vw;
        text-align: center;
    }

    .btn_vid{
        left: 8%;
        width: 40%;
        font-size: 4vw;
        text-align: right;
    }

    .btn_chat{
        right: 8%;
        width: 40%;
        font-size: 4vw;
        text-align: left;
    }

    .vc_icon{
        left: 11%;
        width: 9%
    }

    .chat_icon{
        right: 10%;
        width: 9%;

    }

}

@media only screen and (max-width: 375px){
    .btn_chat{
        width: 80%;
        font-size: 8vw;
        right: 10%;
        text-align: left;
    }

    .btn_vid{
        position: absolute;
        top: 37%;
        width: 80%;
        font-size: 6.2vw;
        left: 10%;
        text-align: right;
    }

    .vc_icon{
        top: 39.5%;
        left: 12%;
        width: 12%
    }

    .chat_icon{
        right: 15%;
        width: 12%;
    }

    .header_1{
        height: 13.5%;
        font-size: 9vw;
    }
}

@media only screen and (max-width: 768px) and (min-width: 641px){
    .header_1{
        font-size: 8vw;
    }

    .btn_vid{
        width: 40%;
        left: 5%;
        font-size: 4.3vw;
        text-align: right;
    }

    .vc_icon{
        left: 7%;
        width: 8%;
        top: 52.2%;
    }

    .btn_chat{
        right: 10%;
        width: 40%;
        font-size: 4.3vw;
        text-align: left;
    }

    .chat_icon{
        right: 12%;
        width: 7%;
        top: 52%;
    }
}