body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    /*height: 20px;*/
}

.mobilewidth {
    width: 400px;
    /*centers content horizontally in container*/
    margin: auto;
}

li {
    /*vertical space between each list item*/
    /*margin: 1em 0;*/
    margin:15px;
}

.link-type-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-size: inherit;
    /*font-family: arial, sans-serif;*/
    /*input has OS specific font-family*/
    /*color: #069;*/
    text-decoration: underline;
    cursor: pointer;
}

.center {
    text-align: center;
}

.imgbox {
    display: grid;
    height: 100%;
}

.center-fit {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
}

/* Responsive iFrame */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .responsive-iframe-container iframe,
    .vresponsive-iframe-container object,
    .vresponsive-iframe-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media screen and (max-width: 550px) {
    .big-container {
        display: none;
    }
}

@media screen and (min-width: 550px) {
    .small-container {
        display: none;
    }
}