﻿form input {
    font-size: 1.2em;
    padding: .5em .5em;
    border-radius: .5em;
}

label {
   margin-bottom:0px;
}

#reg-page h1 {
    margin: 0
}

#reg-page main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

    #reg-page main .form-container {
        display: grid;
        grid-template-columns: 2fr 1.5fr;
        min-width: auto;
        min-height: auto;
        background-color: #FFF;
        border-radius: 1em;
        box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.44);
    }

        #reg-page main .form-container .form-wrap {
            padding: 2em;
        }

        #reg-page main .form-container form fieldset {
            display: flex;
            flex-direction: column;
        }

        #reg-page main .form-container aside {
            display: flex;
            flex-direction: column;
            min-width: 40%;
            min-height: auto;
            padding: 1em;
            background-color: #253131;
            border-left: 1px solid #CCC;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

            #reg-page main .form-container aside ul li {
                margin-top: 1.2em;
                font-weight: bold;
                margin-right: 30px;
            }

            #reg-page main .form-container aside figure {
                margin: 0;
                width: 100%;
            }


#reg-page svg#reg-graphic {
    width: 90%;
    height: auto;
}

#reg-page #reg-page main .form-container aside li {
    font-weight: 600;
    font-size: 1.15em;
    margin: 1em 0;
}

@media (max-width: 800px) {
    body {
        margin: 0;
    }

    #reg-page main .form-container .form-wrap {
        padding: 1em;
    }

    #reg-page main {
        display: block;
    }

    h1 {
        height: 2.5em;
    }

    #reg-page main .form-container {
        min-width: 100%;
        border-radius: 0;
    }

    #reg-page main .form-container {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
    }
}
