* {
    box-sizing: border-box;
  }

  body{
   margin: 0 !important;
   padding: 0 !important;
   width: 100% !important;
   background-color: #bfbfc0;
}


.mobile{
    width: 100%;
    height:100vh;
    margin: auto;
    background-color: #c4c5c7;
    margin-top: 4.063rem;
    display: none;
}

.mobile h1{
    line-height: 60px;
    margin-top: 0px;
    width: 100%;
    margin:auto;
    text-align: center;
    color: #ffffff;
    font-size: 3vw;
    letter-spacing: 2px;
}


.desktop{
    width: 90%;
    height:100vh;
    margin: auto;
    background-color: #d9dbdb;
    margin-top: 0px;
    display: block;
}

.video-home{
    display: block;
}


 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 @media (max-width:500px) {

    body{
        width: 100%;
        margin: auto;
    }

    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }
}

@media(max-width:800px){

        .header-row{
           grid-template-rows: 60px 20px;
       }
}