html, body{
    height:auto;
    width: 100%;
}

body{
    display:flex;
    flex-direction: column;
    min-height: 100vh;
}

.content-box{
    background-color: #E6E6E6;
    text-align: center;
    display:flex;
    align-items:center;
    width: 100%;
    justify-content: center;
    flex:1;
}

.content-row{
    text-align: left;
    display:inline-flex;
    width: 100%;
    align-items: top;
    flex-direction: row;
    justify-content: space-between;
}

.content-column{
    flex:1;
    max-width: 60%;
    padding: 1% 0 1% 0;
    line-height: 1.4rem;
}

.content-column a {
    text-decoration: none;
    color: #111111;
}

.content-column a:hover{
    color: #0881A3;
}

input{
    width:100%;
}

.rounded-border-box{
    font-family: RobotoFlex;
    align-items: center;
    text-align:left;
    max-height:50%;
    max-width: 100%;
    width: fit-content;
    margin:auto;
    border: 2px solid;
    border-color:#111111;
    border-radius: 8px;
    padding:8px 16px;
}

.rounded-border-box a{
    color:#0881A3;
}

.submit{
    width: 100%;
    background-color: #111111;
    color:#E6E6E6;
    border-radius:4px;
}

@media screen and (max-device-width:500px){
    .rounded-border-box{
        font-size: xx-large;
    }

    .submit{
        font-size: large;
    }

    input{
        padding:2.5% 0;
    }
}