body {
    font-family: Arial, sans-serif;
    height: 100%;
    margin: 0;
    background-color: #059669;
    font-family: Arial, sans-serif;
}

header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}
.col-home-logo{
    height: 100vh;
    width: 100vw;
    margin: 0;
    display: grid;
    place-items: center;
}
.home-logo{
    height: 100px;
    margin: 10px;
}




    /* For tablets: */ 
    @media only screen and (max-width: 991px) and (min-width: 501px) {
        *{margin: 0;padding: 0;font-size: 13px;box-sizing: border-box;font-family: 'Raleway', sans-serif;}
        body {
            font-family: Arial, sans-serif;
            height: 100%;
            margin: 0;
            background-color: rgb(241, 242, 245);
            font-family: Arial, sans-serif;
        }
        

        
    }

    /* For mobile phones: */
    @media only screen and (max-width:500px) {
            *{margin: 0;padding: 0;font-size: 13px;box-sizing: border-box;font-family: 'Raleway', sans-serif;}
            body {
    font-family: Arial, sans-serif;
    height: 100%;
    margin: 0;
    background-color: #059669;
    font-family: Arial, sans-serif;
}

header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}


    }