html {
	overflow-y: scroll;
}

body {
    width: 1200px;
	margin: 0 auto;
    background: #f7f5ef;
	font-family: barlow;
}

header img {
	width: 100%;
}

nav {
	text-align:center;
	margin-top: -80px;
	margin-left: 10px;
	font-size: large;
}
nav a {
	padding: 25px;
	letter-spacing: 1.5px;
	text-decoration: none;
	color: #077DA1;
	font-weight: 500;
}

main {
	text-align:center;
	width: 100%;
}

main img {
	width: 100%;
}

img {
	display: block;
}

	
/* Barlow – normal */

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
	font-display: block;
}


@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
	font-display: block;
}


/* Barlow – kursiv */

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
	font-display: block;
}

@font-face {
    font-family: "Barlow";
    src: url("Barlow/Barlow-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
	font-display: block;
}	
	
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}