@font-face {
    font-family: "oswald_reg";
    src: url(../fonts/Oswalds/Oswald-Regular.ttf);
}

@font-face {
    font-family: "dynapuff_reg";
    src: url(../fonts/DynaPuff/DynaPuff/DynaPuff-Regular.ttf);
}

@font-face {
    font-family: "impact_reg";
    src: url(../fonts/Impact/impact.ttf);
}

#hero_reg {
    background-repeat: no-repeat;
    height: 204px;
    width: 100%;
    background-position: center;
    background-color: #1a1a1a;
    background-image: url('../img/pageheader_3.png');
    position: relative;
}

#forms_reg_main {
    height: auto;
    width: 1000px;
    /*border: black solid 1px;*/
    margin: 0 auto;
    padding: 10px 5px 10px 5px;
}

label {
    color: gray;
    font-weight: bold;
    font-size: 16px;
}

.forms_col {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100%;
}

.fullwidth {
    width: 100%;
    height: 35px;
    font-size: 20px;
}

.twothirds {
    width: 670px;
    height: 35px;
    text-align: left;
}

.onethird {
    width: 295px;
    height: 35px;
    font-size: 20px;
}

input [type="submit"],
[type="checkbox"],
[type="text"],
[type="input"],
[type="date"],
select {
    margin: 10px 0px 10px 0px;
    height: 35px;
    font-size: 20px;
}

#forms_reg_main form select {
    width: 99%;
    height: 35px;
    font-size: 20px;
    margin: 10px 0px 10px 0px;
}

#forms_reg_main h3 {
    font-family: "oswald_reg";
}

.spacer {
    margin: 10px 0px 10px 0px;
}

textarea {
    width: 995px;
    font-size: 20px;
}

#studentContainer {
    overflow-x: hidden;
    border: #d4d4d4 solid 1px;
    height: 500px;
}

.student:nth-child(odd) {
    background-color: #F0F0F0;
}

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 0px 0px 0px 10px;
}

tr:nth-child(odd) {
    background-color: #e02b20;
    color: #fff;
    font-weight: bold;
}

@media only screen and (max-width: 620px) {
    #hero_reg {
        background-repeat: no-repeat;
        height: 204px;
        width: 100%;
        background-position: center;
        background-color: #1a1a1a;
        background-image: url('../img/pageheader_3.png');
        background-size: cover;
        position: relative;
    }

    .fullwidth {
        width: 400px;
        height: 35px;
        font-size: 20px;
    }

    .twothirds {
        width: 400px;
        height: 35px;
        text-align: left;
    }

    .onethird {
        width: 400px;
        height: 35px;
        font-size: 20px;
    }

    label,
    textarea,
    input [type="date"] {
        display: block;
        width: 390px;
    }

    #menu_items {
        display: none;
    }

    #forms_reg_main h2 {
        width: 400px;
    }

}