@charset "utf-8";

#oldhob_port 
{
    background-image: url(_assets/images/brick_bg.jpg);
    background-repeat: repeat-y;
    background-size: 370% auto;
    background-position: 50% -5%;
    height: 100%;
}

#oldhob_port .oh_head  
{
    width: 100%;
}

.street_sign   
{
    margin-left: 17vh;
    margin-right: auto;
    width: 42%;
    margin-top: 1.75vh;
    padding-left: auto;
    padding-right: auto;
}

#oldhob_port .oh_body 
{
    height: 69vh;
    background-repeat: repeat-y;
    display: flexbox;
}

.column_side   
{
    float: left;
    width: 25%;
    text-shadow: 0px 0px;
    text-align: center;
    padding-top: 4vh;
}

.column_side .link_cat  
{
    padding-bottom: 1vh;
    padding-top: 0px;
}

.column_side .link_cat_head 
{
    font-weight: bold;
    color: #D3C974;
    font-size: 0.75vw;
}

.column_side .link_cat .link_link 
{
    color: #8FB98A;
    cursor: pointer;
    margin-top: 0.25vh;
    font-size: 0.6vw;
    text-decoration: none;
}

.column_side .link_cat .link_link:hover 
{
    color: #BFDCB9;
    text-decoration: none;
}

.column_mid   {
    width: 40%;
    float: left;
    padding-top: 2vh;
}

.column_mid img  
{
    height: 80%;
	margin: 0 auto;
}

.site_link  
{
    clear: both;
    font-size: 0.8vw;
    width: 11vw;
    background-color: #F3F1E3;
    text-align: center;
    max-width: 50%;
    text-decoration: none;
    padding: 2px;
    margin: 5px auto;
    border-radius: 8px;
    border: thick solid #000000;
}

.site_link:hover {
    background-color: #FFFFFF;
}

.inet_link {
    text-decoration: none;
    color: #000000;
}

.local_link {
    color: #942F31;
    font-size: 0.6vw;
    font-weight: bold;
    text-decoration: none;
}

.local_link a {
    text-decoration: none;
    color: #871D1F;
    font-size: 1vh;
}

.column_side .link_cat .link_link a   {
    text-decoration: none;
}
