.background {
    background-image: linear-gradient(to top, #1B66A2 0%, #1A97FA 100%);
}


.grid-container {
    display: grid;
    grid-template-areas:
            'header header header header header header'
            'keypad keypad keypad text text text'
            'keypad keypad keypad text text text'
            'keypad keypad keypad text text text'
            'keypad keypad keypad appstore appstore appstore';
            'footer footer footer footer footer footer';
    grid-gap: 20pt;
    padding: 50pt;
}

.keypad {
    grid-area: keypad;
}

.appstore {
    grid-area: appstore;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.text {
    grid-area: text;
    font-family: Montserrat;
    font-size: 35pt;
    color: #FFFFFF;
    line-height: 170%;
    alignment: left;
}

.footer {
    display: flex;
    margin: auto;
    width: 50%;
    font-family: Montserrat;
    font-size: 10pt;
    color: #FFFFFF;
}

#menu ul{
    list-style: none;
    margin: auto;
}
#menu li{
    display: inline;
    text-decoration: none;
    padding: 16pt;
    text-align: center;
}

#menu li a{
    /*display: inline;*/
    color: white;
    text-decoration: none;
}

#menu li a:hover{
    color:gray;
}