/* Google Font Link */
@import url('https://­fonts.googleapis.com/­css2?family=Poppins%3­Awght%40200%3B300%3B­400%3B500%3B600%3B70­0&display=swap');

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body , html {
    overflow-x: hidden;
    background-color: #ccc;
}

.bg{
    /* width: 100vw;
    height: 100vh;
    background-image: url('giphy.gif');
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30%;
    margin-top: 10%; */
    /* margin-left: 30px; */


}

h1{   
    width: 100%;
    background-image: url('giphy.gif');
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    /*width: 100vw;
    height: 100vh; 
    text-align: center;
    margin-top: -35%;
    margin-left: -63%;*/
    color: #fff; 
    font-weight: bold;
}
/* @media (max-width: 1024px){
    h1{  

        margin-left: -53%;
    }
}
@media (max-width: 768px){
    .bg{
        margin: 0 auto;
        margin-left: 20%;
        margin-top: 10%;
    }
    
    h1{  
        margin: 0 auto; 
        margin-top: -100%;
        margin-left: -19%;
    }
}
@media (max-width: 375px){
    h1{  
        margin: 0 auto; 
        margin-top: -10%;
        margin-left: -1%;
    }
}
@media (max-width: 414px){
    /* .bg{
        margin: 0 auto;
        margin-left: 1%;
        margin-top: 10%;
    }
     *
    h1{  
        margin: 0 auto; 
        margin-top: -150%;
        margin-left: -1%;
    }
} */