/* Generic styles */
@charset "UTF-8";

@font-face {
  font-family: "klintberg";
  src:url("../fonts/klintberg.eot");
  src:url("../fonts/klintberg.eot?#iefix") format("embedded-opentype"),
    url("../fonts/klintberg.woff") format("woff"),
    url("../fonts/klintberg.ttf") format("truetype"),
    url("../fonts/klintberg.svg#klintberg") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "klintberg" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "klintberg" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\61";
}


html {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
}
body {
	margin: 0;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
    width: 100%;
    height: 100%;
}

img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* Typography */
h1 {
	font-size: 2rem;
    line-height: 1.3;
    font-weight: 300;
    margin: 0 0 0.6rem;
}
p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300;
}

p b,
p strong {
	font-weight: 400;
}

a.readmore {
	color: #0082c8;
	display: block;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    margin: 0.3rem 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 05s;
    transition: all 0.5s ease 0s;
}
a.readmore:after {
	content: "\61";
    font-family: "klintberg";
    font-size: 0.7rem;
    line-height: 1;
    padding: 0 0 0 0.4rem;
}
a.readmore:hover {
	color: #005f93;
}


/* Frontpage */

.content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.wrapper {
	max-width: 900px;
	width: 80%;
	margin: 0 auto;
}

.business-card {
	width: 100%;
	overflow: hidden;
	margin: 4rem 0;
}
.business-card .col {
	float: right;
	width: 46%;
	margin: 0 0 0 6%;
}
.business-card .col:nth-of-type(2n+2) {
	float: left;
	margin: 0;
}

.business-card .portrait {
	width: 100%;
	overflow: hidden;
	margin: 2rem 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.business-card .portrait .image {
	float: left;
	width: 40%;
	margin: 0 8% 0 0;
}
.business-card .portrait .info {
	float: left;
	width: 52%;
	margin: 0;
}
.business-card .portrait .info p {
	margin: 0 0 0.4rem 0;
}
.business-card .portrait .info .phone {
	margin: 0 0 1rem;
}


/**
 * Media Queries
 */
 
 @media all and (max-width: 768px) {
	 
	h1 {
		font-size: 1.6rem;
	}
	.content {
		display: block;
	}
	.business-card .col {
		width: 100%;
		margin: 0 0 2.5rem 0;
	}
	 
 }