html{
    width:100%;
}
body{
    font-family:Arial, Tahoma, Helvetica, sans-serif;
    background-color: #ffffff;
}

.bodybg{
    width:40%;
}
h2{
    font-family: 'Lato', sans-serif;
    font-weight:400;
    text-transform: uppercase;
    font-size: 36px;
}

.sub-header{
    color:#8D1100;
    font-family: 'Lato', sans-serif;
    font-weight:700;
    text-transform:uppercase;
}
.myForm{
    border:solid 2px #8D1100; width:99%; padding:20px 0; margin:25px auto;
}

.required
{
    color: red;
}

input, select{
    border: solid 2px #c2c2c2;
    padding:3px;
    font-size:18px;
}
select{
    font-size:14px;
}
.label-col{
    text-align:left;
    font-weight:bold;
}

#bowling-type-selections label{
    display:inline-block;
    margin-right:10px;
}

.fm-inner-table{
    width:100%;
    margin-bottom:20px;
}

#header_img{
    width:40%;
}

.child-table{
    margin-bottom:25px;  width:100%; padding-bottom:25px;

}
.child-table td{
    padding-bottom:10px;
}

.child-label{
    width:95%; padding:10px 0; margin: 0 auto; margin-bottom:25px; background-color: #8D1100; font-family:'Lato', sans-serif; font-size:16px; color:#fff;

}





/* Larger than Desktop HD */
@media all and (max-width: 1200px) {
    .bodybg{
        width:40%;
    }
}
/* Larger than desktop */
@media all and (max-width: 1000px) {
    .bodybg{
        width:40%;
    }
}

/* Larger than tablet */
@media all and (max-width: 750px) {
    .bodybg{
        width:90%;
    }
}

/* Larger than phablet */
@media all and (max-width: 550px) {
    .bodybg{
        width:90%;
    }
    #header_img{
        width:100%;
    }

}

/* Larger than mobile */
@media all and (max-width: 400px) {
    .bodybg{
        width:100%;
    }
    #header_img{
        width:100%;
    }

}

/* Mobile first queries */
@media all and (max-width: 360px) {
    .bodybg{
        width:100%;
    }
    #header_img{
        width:100%;
    }

}