.contact {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px; }
  
  .contact_container {
    position: relative;
    background-color: #f1f1f8;
    padding: 10px 10px 10px 10px; }
  
  .contact_imgcol {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto; }
    .contact_imgcol img {
      border-radius: 3px; }
  
  .contact_textcol {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0px 25px 0px; }
	
		.contact_textcol_address {
			font-size: 130%;
			font-weight: bold; }

		.contact_textcol_content {
			margin-left: 10px;
			margin-top: 3px; }

			.contact_textcol_content_title {
				font-weight: bold;
				font-size: 80%;
				color: #666; }
			.contact_textcol_content_text {
				font-size: 115%;
				margin-top: 1px; }

  .contact_mapcol {}

    .contact_mapbox {
  	  overflow: hidden;
    	padding-bottom: 67%;
    	position: relative;
    	height: 0; }
    	#map {
      	position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

  .contact_icon {
    width: 36px;
    height: 36px;
    opacity: 0.4; }
    .contact_icon_phone { background-image: url('/images/contact_phone.png'); }
    .contact_icon_mobile { background-image: url('/images/contact_mobile.png'); }
    .contact_icon_email { background-image: url('/images/contact_email.png'); }

/*

    Läsplatta
    --------------------

*/
@media screen and (min-width: 768px) {

  .contact_container {
    border-radius: 6px;
    padding: 0px; }
  .contact_imgcol {
    float: left;
    width: 250px; }
    .contact_imgcol img {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px; }
  .contact_textcol {
    float: left;
    margin-left: 0px;
    max-width: 400px;
    padding: 35px 0px 0px 40px;
    }
  .contact_mapcol {
    clear: both; }
    .contact_mapbox {
      padding-bottom: 40%; }

}


/*

    Desktop
    --------------------

*/
@media screen and (min-width: 990px) {

  .contact_imgcol {
    width: 220px;}
    .contact_imgcol img {
      border-bottom-left-radius: 6px; }
  .contact_textcol {
    width: 300px;
    padding: 16px 0px 0px 30px; }
  .contact_mapcol {
    clear: none;
    float: right;
    width: 380px; }
    .contact_mapbox {
      padding-bottom: 73%; }
      #map {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px; }

}

/*

    TV
    --------------------

*/
@media screen and (min-width: 1200px) {

}