/* -- header --------------------------------------------------------- */
#menu-contact {
    background-color: #902021;
    box-shadow: 1px 0px 1px -1px rgba(0,0,0,1) , -1px 0px 1px -1px rgba(0,0,0,0.8);
    color: #eeeeee;
}
/* --- section ------------------------------------------------------- */
#container {
	text-align: justify;
	max-width: 1100px;
}
.stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0
}
#firma-info, #find-us, #adresa {
    display: inline-block;
    vertical-align: top;
}
#firma-info {
	margin-right: 40px;
}
/* --- icon --------- */
.icon-container {
	display: inline-block;
	margin-right: 3px;
	width: 30px;
	height: 30px;
}
.icon-container img {
	width: 100%;
	height: auto;
}
.icon-message {
	display: inline-block;
}
/* --- map ---------- */
#wrap-map-img {
    display: inline-block;
}
#map-img {
    width: 100%;
    border: 1px solid #777777;
    border-bottom-color: #d7d7d7;
    border-right-color: #d7d7d7;
}

/* ====================================================================== */

@media screen and (min-width: 1186px) {
	.narrow-view {
    	display: none;
    }
}
@media screen and (max-width: 1185px) {
	#container {
		text-align: left;
	}
	#adresa {
    	display: none;
    }
}
@media screen and (min-width: 900px) {
    #wrap-map-img {
        margin-right: 40px;
    }
}
@media screen and (max-width: 899px) {
	#title-padding {
         display: none;
    }
    #wrap-map-img {
        margin-right: 20px;
    }
}
@media screen and (max-width: 850px) {
    #wrap-map-img {
        margin-right: 0;
    }
}
@media screen and (min-width: 651px) {
    #picture {
        background-image: url("../img/banners/contact-large.jpg");
    }
}
@media screen and (max-width: 650px) {
    #banner-mobile {
        background-image: url("../img/banners/contact-small.jpg");
    }
}