html {
    background: #FFCCBC;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-flow: column;
    align-items: center;
}

main {
    background: #FFF;
    min-width: 760px;
    width: 90%;
    padding: 1em;
}

h1 {
    background: white;
    text-align: center;
    width: 100%;
}

h1 small {
    font-size: 1rem;
    white-space: wrap;
}

h2 {
    background: #FF9115;
    color: white;
    margin: 0;
    padding: 0.5em;
}

a:link {
    color: #FF9115;
}

a:visited {
    color: #E64A19;
}

iframe {
    width: 100%;
}


/* for smartphones */

@media (max-width:767px) {
    h1 {
        font-size: 1.5em;
    }
    body {
        display: block;
    }
    main {
        min-width: auto;
        width: auto;
        padding: 0 0.5em;
        margin: 0 0.5em;
    }
}