.formboxstandard
{
    display:inline-block;
    vertical-align:top;
    padding: 5px;
    width:200px;
}

.oaboxes
{
    background: #662628;
    padding:10px;
    width:100%;
    height: 100px;
    color: #ffffff;
    display:block;
    text-decoration:none !important; /*For some reason important is needed to override ID styling in the wrapper class*/
    margin:10px;
}

.oaboxes:hover, .oaboxes:focus
{
    background: #AF4144;
    color:#ffffff;
}

.oastoriesalt
{
    background:#ffffff;
}

.oastories
{
    background: #f7f1f1;
}

.oastoriestextarea
{
    margin: 25px;
}

.oastoriestextarea h3
{
    font-size:20px;
}

.oastoriesinnerpic
{
    padding:0px !important;
    float:right;
}

.oastoriesinnerpicalt
{
    padding:0px !important;
}

.oastoriesinner
{
    padding:0px !important;
}

.oamiddlebar
{
   background: #662628;
   padding:20px;
   font-size: 20px;
   color: #ffffff;
   text-decoration none !important;
}

.oamiddlebar a
{
    display:inline-block;
    border: 1px solid #ffffff;
    padding: 10px;
    margin: 10px;
    color: #ffffff;
    text-decoration:none !important;
    width: 300px;
}

.oamiddlebar a:hover, .oamiddlebar a:focus
{
    background: #AF4144;
}
    

@media only screen and (min-width: 1000px) 
{

}

@media only screen and (max-width: 999px) 
{

}

@media only screen and (max-width: 800px) 
{

}

@media only screen and (max-width: 400px) 
{

    .oamiddlebar a
    {
        width: 200px;
        font-size: 16px;
    }
    
    .formboxstandard
    {
        display:inline-block;
        vertical-align:top;
        padding: 5px;
        width:100%;
    
    }
}