#contact
{
    float:left;
    height:900px;
    width:230px;
    padding:25px;
    color:white;
}

#contact h2 img
{
    height:50px;
    vertical-align: middle;
    margin-left:10px;
}

#contact>a>div
{
    background-image:url('../img/contactBG.gif');
    height:90px;
    width:220px;
    background-repeat:no-repeat;
    color:#68A2CC;
}

#contact>a>div.big
{
    background-size:220px 110px;
    height:110px;
    width:220px;
}

#contact>a>div img
{
    width:45px;
    vertical-align:top;
    float:right;
    margin-left:15px;
}

#contact>a>div span
{
    padding-top:10px;
    float:right;
}

#contact>a>div div
{
    min-width:140px;
    opacity:0.6;
    font-size:1.2em;
    margin-left:20px;
    float:left;
    text-align:left;
}

@media screen and (max-width: 1500px)
{
    #contact
    {
        width:100%;
        padding-left:0;
        max-width:1000px;
        margin-right:0;
        float:right;
        padding-right:0;
    }

    #contact h2
    {
        margin-top:0;
        margin-bottom:7px;
        text-align:center;
    }

    #contact a:first-of-type>div
    {
        padding-top:20px;
    }

    #contact a:last-of-type>div
    {
        padding-bottom:20px;
    }

    #contact > a > div
    {
        background-image:none;
        background-color:white;
        width:100%;
        height:40px;
        margin-right:0;
    }

    #contact > a > div img
    {
        margin-right:20px;
        width:34px;
    }

    #contact > a > div span
    {
        padding-top:7px;
    }
    
    #contact > a > div div
    {
        display:inline;
        padding-top:7px;
    }
}

.contact
{
    max-width:850px;
}

.contact>div>a
{
    text-decoration:none;
    color:#8F7319;
}

.contact div
{
    width:253px; height:265px;
    text-align:center;
    float:right;
}

.contact div img
{
    height:60px;
    padding-top:20px;
    padding-bottom:20px;
    opacity:0.8;  
    display:block;
    margin:0 auto;
}

.contact h2
{
    font-weight:normal;
}

.MarRight
{
    margin-right:30px;
}

@media screen and (max-width: 950px)
{
    .contact,
    .contact div
    {
        max-width:100%;
        width:100%;
        height:100%;
        padding-bottom:0;
        margin-right:0;
        margin-top:0;
    }

    .contact article
    {
        margin-right:250px;
    }

    .contact h2
    {
        width:200px;
        float:right;
        margin-bottom:0;
        position:relative;
        top:5px;
    }

    .MarRight
    {
        margin-right: 0px;
    }

    a div.box:first-of-type
    {
        margin-right:0;
    }

    a div.box
    {
        margin-bottom:0;
    }
}

@media screen and (max-width: 600px)
{
    .contact h2
    {
        width:100px;
    }

    .contact article
    {
        margin-right:130px;
        margin-left:10px;
    }
}