html {
    background-color: rgb(170, 211, 114);
}

.blueborder {
    max-width: 590px;
    border-style: solid;
    border-width: 2px;
    border-color:rgb(0, 0, 255);
    padding: 2px;
    margin: 10px;
}


@media (min-width: 768px) {
    .horizontal {
        display: flex;
        flex: auto;
        justify-content: center;
        padding: 2px;
        margin: 10px;
        }
    }

.horizontal_text {
    flex: 1 1 300px;
    flex-wrap: wrap;
    min-width: 250px;
    border-style: solid;
    border-width: 2px;
    border-color:rgb(0, 0, 255);
    padding: 2px;
    margin: 10px;
}

.logo {
    width: 20px;
    height: 20px;
}

.centered {
    text-align: center;
}

.imagebreak {
    margin: 5px;
}

@media (min-width: 768px) {
    .horizontalfigure {
        display: flex;
        flex: auto;
        justify-content: left;
        padding: 2px;
        margin: 10px;
        }
    }

.scaled_iframe {
    width: 99%;
}