.banner p {
    margin-bottom: 1em;
}
p {
    text-align: center;
}
ul.quick-nav {
    display: flex;
    align-items: top;
    justify-content: center;
    gap: 2em;
}
ul.quick-nav li a, ul.quick-nav li a:visited {
    color: var(--primary);
}  
ul.quick-nav li a:hover, ul.quick-nav li a:focus {
    color: var(--alt);
}
.mobile-device, .tv, .kiosk {
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}

.mobile-device:hover, .tv:hover, .kiosk:hover,
.mobile-device:focus, .tv:focus, .kiosk:focus {
    border-color: var(--primary);
}
.mobile-device:hover:after, .kiosk:hover:after, .kiosk:hover:before, 
.mobile-device:focus:after, .kiosk:focus:after, .kiosk:focus:before
{
    background: var(--primary);
}
.mobile-device {
    width: 100px;
    height: 200px;
    border-radius: 30px;
    position: relative;
}
.mobile-device:after {
    display: block;
    position: absolute;
    content: '';
    bottom: 0.25em;
    height: 0.25em;
    width: 2em;
    background: var(--secondary);
    border-radius: 30px;
}
.tv {
    width: 112px;
    height: 200px;
    border-radius: 0;
    border-width: 5px;
    text-align:center;
}   
.kiosk {
    width: 80px;/*97px;*/
    height: 140px;/*170px;*/
    border-radius: 5px;
    border-width: 16px 25px 16px 8px;
    position: relative;
}
.kiosk:after, .kiosk:before {
    display: block;
    position: absolute;
    content: '';
    background: var(--secondary);
    transform: translateX(8px);
}
.kiosk:before {
    /* width: 115px;  */
    /* height: 90px; */
    width: 95px;
    height: 44px;
    /* bottom: -110px; */
    bottom: -60px;
}
.kiosk:after {
    /* width: 135px; */
    width: 110px;
    height: 5px;
    /* bottom: -115px; */
    bottom: -65px;
}