@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;
}
 
}