/* latin-ext */
  @font-face {
  	font-family: 'Montserrat';
  	font-style: normal;
  	font-weight: 400;
  	font-display: swap;
  	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  	unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  /* latin */
  @font-face {
  	font-family: 'Montserrat';
  	font-style: normal;
  	font-weight: 400;
  	font-display: swap;
  	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /* latin-ext */
  @font-face {
  	font-family: 'Montserrat';
  	font-style: normal;
  	font-weight: 700;
  	font-display: swap;
  	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  	unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  /* latin */
  @font-face {
  	font-family: 'Montserrat';
  	font-style: normal;
  	font-weight: 700;
  	font-display: swap;
  	src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  html {
  	word-wrap: break-word;
  	box-sizing: border-box;
  	font-size: 16px;
  }

  body,
  div,
  h1,
  h2,
  h3,
  form,
  input,
  p,
  textarea {
  	margin: 0;
  	padding: 0;
  }

  h1,
  h2,
  h3 {
  	font-size: 100%;
  	font-weight: normal;
  }

  img {
  	border: 0;
  }

  body {
  	font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	position: relative;
  	-moz-osx-font-smoothing: grayscale;
  	-webkit-font-smoothing: antialiased;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	overflow-x: hidden;
  }

  a {
  	color: rgb(31, 136, 160);
  	text-decoration: none;
  }


  button {
  	font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  }


  header,
  footer {
  	width: 100%;
  	height: 8rem;
  }



  header {
  	border-bottom: 1px solid gray;
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	align-items: center;
  }

  .logo {
  	display: block;
  	width: 330px;
  	height: 31px;
  }

  .logocontainer {
  	display: flex;
  	flex-direction: column;
  	height: 100%;
  	line-height: 100%;
  	justify-content: center;
  	align-items: center;
  	font-family: "Copperplate Gothic";
  	font-size: 2rem;
  	text-decoration: none;
  	text-align: center;
  	vertical-align: middle;
  }

  .logocontainer>span {
  	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;
  	border-bottom: 0.125rem solid black;
  	padding: 0 0.5rem;
  }

  header a {
  	color: rgb(60, 60, 60);
  }

  header a:hover {
  	color: rgb(31, 136, 160);
  }

  footer {
  	border-top: 1px solid gray;
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	align-items: center;
  }


  footer a {
  	text-decoration: none;
  }

  main {
  	width: 100%;
  	min-height: calc(100vh - 16.25rem);
  }

  main>section {
  	width: 100%;
  	min-height: 25rem;
  }

  .title {
  	background-image: linear-gradient(rgba(60, 60, 60, 0.2), rgba(60, 60, 60, 0.2)), url('img/bakgrund09.jpg');
  	background-position-x: 50%;
  	background-position-y: 50%;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }

  .about {
  	background-color: rgba(31, 136, 160, 0.08);
  	padding: 5rem 0;
  	color: rgb(60, 60, 60);
  	cursor: default;
  	font-family: "Montserrat", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
  	font-style: normal;
  	font-weight: 400;
  	letter-spacing: normal;
  	overflow-wrap: break-word;
  	-moz-text-size-adjust: none
  }

  .about>h3 {
  	font-size: 1.1rem;
  	font-style: normal;
  	font-weight: 400;
  	letter-spacing: normal;
  	line-height: 1.3rem;
  	max-width: 62.5rem;
  	margin: 0 25rem;
  }

  .about>p {
  	max-width: 62.5rem;
  	margin: 0 25rem;
  }

  .contacticons {
  	min-height: 100%;
  	width: 100%;
  	align-items: center;
  	justify-content: space-around;
  	margin: 0 auto;
  	display: flex;
  	flex-direction: row
  }

  .contactlink {
  	text-align: center;
  	width: 100%;
  }

  .contactlink>a {
  	letter-spacing: 0;
  }

  .contacticonsvg {
  	font-size: 2rem;
  	display: flex;
  	justify-content: center;
  	width: 2rem;
  	height: 2rem;
  	margin-bottom: 1rem;
  }

  .contacticoncontainer {
  	word-break: break-word;
  	width: 18.75rem;
  	min-height: 6.25rem;
  	margin-top: 2.5rem;
  	display: flex;
  	align-items: center;
  	flex-direction: column
  }

  .split,
  .q {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-around;
  	margin: 1.25rem 25rem;
  }

  .split>img {
  	width: 18.75rem;
  	margin: 1rem;
  }

  .split>h2,
  .q>h2 {
  	color: rgb(60, 60, 60);
  	cursor: default;
  	font-family: "Montserrat", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
  	font-size: 1.75rem;
  	font-style: italic;
  	font-weight: 700;
  	letter-spacing: normal;
  	line-height: 39.2.5rem;
  	overflow-wrap: break-word;
  	text-align: center;
  	text-decoration-color: rgb(60, 60, 60);
  	text-decoration-line: none;
  	text-decoration-style: solid;
  	min-width: 22rem;
  }

  .contact {
  	padding-top: 5rem;
  }

  .contact a {
  	color: rgb(60, 60, 60);
  	font-size: 0.9rem;
  }

  .contactform {
  	display: none;
  	padding-top: 1rem;
  	color: rgb(60, 60, 60);
  	background-color: rgba(31, 136, 160, 0.08);
  	font-size: 1.1rem;
  	min-height: 32rem;
  }

  #emailinput {
  	height: 2rem;
  	border: 1px solid #BBBBBB;
  	padding: 1px 8px;
  	background: #FFF;
  	font-size: 0.9rem;
  }

  .contactform label {
  	color: rgb(60, 60, 60);
  	display: block;
  	font-size: 0.9rem;
  	line-height: 1.1rem;
  	overflow-wrap: break-word;
  	padding: 0.25rem 0;
  	visibility: visible;
  	-moz-text-size-adjust: none
  }

  .contactform textarea {
  	background-color: rgb(255, 255, 255);
  	border: 1px solid silver;
  	box-sizing: border-box;
  	color: rgb(0, 0, 0);
  	cursor: text;
  	display: block;
  	font-family: "Arial";
  	font-size: 0.9rem;
  	height: 8rem;
  	overflow-wrap: break-word;
  	overflow-y: auto;
  	padding: 0.5rem;
  	width: 25rem;
  }

  .form {
  	margin: 0 auto;
  	display: flex;
  	flex-direction: column;
  	width: 25rem;
  	margin-top: 3rem
  }

  #emailerror,
  #msgerror,
  #error {
  	font-weight: bold;
  	font-size: 0.9rem;
  	color: darkred;
  	font-style: italic;
  	line-height: 1.1rem;
  }

  #sendbtncontainer {
  	font-size: 0.9rem;
  }

  .send {
  	margin: 0 auto;
  	text-align: right;
  	padding: 1rem;
  	width: 25rem;
  }

  .send>input {
  	background-color: rgb(31, 136, 160);
  	border: none;
  	border-radius: 0.25rem;
  	box-sizing: border-box;
  	color: rgb(255, 255, 255);
  	cursor: pointer;
  	font-family: "Montserrat", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
  	font-size: 0.9rem;
  	font-weight: 400;
  	height: 2rem;
  	line-height: 1.1rem;
  	margin: 0;
  	max-width: 100%;
  	min-height: 2rem;
  	overflow-wrap: break-word;
  	overflow-x: hidden;
  	overflow-y: hidden;
  	padding: 0.25rem 0.75rem;
  	text-align: center;
  	text-overflow: ellipsis;
  	visibility: visible;
  	width: 4.5rem;
  	-moz-text-size-adjust: none
  }

  .address {
  	padding: 1.25rem;
  	text-align: center;
  }

  .address a {
  	box-sizing: border-box;
  	color: rgb(60, 60, 60);
  	text-decoration-color: rgb(60, 60, 60);
  	cursor: pointer;
  	font-family: "Montserrat", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
  	font-size: 0.9rem;
  	font-style: normal;
  	font-weight: 400;
  	letter-spacing: normal;
  	line-height: 1.1rem;
  	text-align: left;
  	visibility: visible;
  	-moz-text-size-adjust: none;
  }

  h1 {
  	margin: auto;
  	vertical-align: middle;
  	width: 57rem;
  	box-sizing: border-box;
  	color: rgb(255, 255, 255);
  	cursor: default;
  	font-family: "Montserrat", "Open Sans", "Helvetica Neue", "Helvetica", "sans-serif";
  	font-size: 3rem;
  	font-style: normal;
  	font-weight: 700;
  	letter-spacing: normal;
  	line-height: 3.5rem;
  	overflow-wrap: break-word;
  	text-align: center;
  	-moz-text-size-adjust: none;
  	color: rgb(255, 255, 255);
  	cursor: default;
  	text-decoration-color: rgb(255, 255, 255);
  	text-decoration-line: none;
  	text-decoration-style: solid;
  	visibility: visible;
  	-moz-text-size-adjust: none;
  }

  .padding {
  	padding: 2.5rem;
  }


  @media (max-width: 1400px) {
  	.about>p {
  		margin: 0 12.5rem;
  	}

  	.about>h3 {
  		margin: 0 12.5rem;
  	}

  	.split {
  		margin: 1.25rem 12.5rem;
  	}
  }

  @media (max-width: 800px) {
  	h1 {
  		font-size: 2rem;
  		line-height: 2.5rem;
  	}

  	.logocontainer {
  		font-size: 1.5rem;

  	}

  	.logocontainer>span {
  		padding: 0 0.25rem;
  	}

  	footer {
  		height: 18rem;
  		flex-direction: column;
  	}

  	.about>p {
  		margin: 0 3.1rem;
  	}

  	.about>h3 {
  		margin: 0 3.1rem;
  	}

  	.contacticons {
  		flex-direction: column;
  	}

  	.q {
  		margin: 1.25rem 2.5rem;
  	}

  	.split>h2 {
  		min-width: 12.5rem;
  	}

  	.split {
  		margin: 1.25rem;
  		flex-direction: column-reverse;
  	}

  }


  @media (max-width: 650px) {}