.contact_us{
    position: relative;
    padding: 0 0 0 0;
    overflow: hidden;
    min-width: 300px;
    height: 300px;
}
.contact_us_fon{
    padding: 60px 0 0px 0;
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0.8;
}
.contact_us_left{
    display: inline-block;
    margin: 0px 0px 0px 20%;
    width: 40%;
}
.contact_us_big_text{
    display: block;
}
.contact_us_big_text{
    color: #233142;
    font-size: 60px;
    padding: 0px 5px 0px 5px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
}
.red_text{
    background-color: red;
    padding: 0px 10px 0px 10px;
}
.contact_us_small_text{
    color: #233142;
    font-size: 15px;
    margin: 10px 10px 10px 10px;
    word-spacing: 5px;
    font-family: 'Titillium Web', sans-serif;
}

.mail:before {font-family: FontAwesome;content: "\f015";}
.phone_number:before {font-family: FontAwesome;content: "\f0e0";}
.adress:before {font-family: FontAwesome;content: "\f095";}


.contact_us_right{
    display: inline-block;
    margin: 0px 8% 0px 0;
    width: 40%;
    height: 200px;
    position: absolute;
    border-left: 1px solid #808080;
}
.contact_us_icons{
    margin: 0px 0px 0px 20px;
}

.contact_us_icons a{
    font-size: xx-large;
    margin: 0 0 0 6% ;
}

.icon{
    background-color: white;
    display: inline-block;
    margin: 0px 0px 0px 10px;
    width: 50px;
    height: 50px;
    font-size: 25px;
    text-align: center;
    line-height: 1.9;
    color:  #252626;
    -webkit-transition:  0.9s;
}
.icon_facebook:before {font-family: FontAwesome; content: "\f09a";}
.icon_twitter:before {font-family: FontAwesome; content: "\f099";}
.icon_google_plus:before {font-family: FontAwesome; content: "\f0d5";}
.icon_linkedin:before {font-family: FontAwesome; content: "\f0e1";}


.red_text_2{
    padding: 0px 0 10px 0px;
    color: red;
}



.icon:hover {
    background-color: red;
    color:  white;
}

A {
    text-decoration: none;
    color: red;
}
A:hover {
    text-decoration: underline;
    color: red;
}
@media screen and (min-width:300px) and (max-width:899px) {
    /*contact_us///////////////////////////////////////////////////*/
    .contact_us{
        min-width: 300px;
    }
    .contact_us_fon{
        padding: 30px 0 0px 0;
    }
    .contact_us_left{
        display: block;
        width: 100%;
        margin: 10px 0px 0px 60px;
    }
    .contact_us_big_text{
        color: #233142;
        font-size: 50px;
    }
    .contact_us_right{
        display: block;
        margin: 10px 0px 0px 40px;
        border: none;
        width: 100%;

    }
}