@font-face {
    font-family: 'PT Serif Caption';
    src: url('PTSerif-CaptionItalic.woff2') format('woff2'),
        url('PTSerif-CaptionItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif Caption';
    src: url('PTSerif-Caption.woff2') format('woff2'),
        url('PTSerif-Caption.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Regular.woff2') format('woff2'),
        url('PTSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Bold.woff2') format('woff2'),
        url('PTSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-BoldItalic.woff2') format('woff2'),
        url('PTSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Italic.woff2') format('woff2'),
        url('PTSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



*
{
	margin: 0;
	padding: 0;
}



body
{
	overflow-x: hidden !important;
	background-color: #353E2A;
	color: white;
}

h2 {
	font-size: 70px;
	line-height: 80px;
	margin-bottom: 80px;
	font-family: 'PT Serif Caption', serif;
	font-weight: bold;
	font-style: normal;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
}

p {
	font-family: 'PT Sans', sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	bottom:5% !important;
	position: absolute;
}

a {
	text-decoration: none;
	color: white;

}

a:hover
{
	text-decoration: underline;
}

img {
	margin-left:5%;
	margin-top:3%;
}


.stamp
{
	position: absolute;
	z-index: 3000;
	left: 25%;
	top: 5%;
}

.left
{
	height: 100vh;
	width: 50%;
	background-color: black;
	float: left;
	position: absolute;
	z-index: -10;

}

.content
{
	margin-top: 5%;
	margin-left: 5%;
}

.bild
{	
	background-image: url('bild.jpg');
	background-repeat: cover;
	background-size: cover;
	float: right;
	position: absolute;
	right: 0px;
	width: 50%;
	height: 100vh;
	top: 0px;
	background-color: black;
}

.bild img
{

	margin: 0px !important;
	overflow: hidden !important;
}

@media screen and (max-width:1440px) {

	h2 {
	font-size: 60px;
	line-height: 70px;
	margin-bottom: 80px;
	margin-top: 10%;
	font-family: 'PT Serif Caption', serif;
	font-weight: bold;
	font-style: normal;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
}


}

@media screen and (max-width:1300px) {


	h2 {
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 80px;
	margin-top: 12%;
	font-family: 'PT Serif Caption', serif;
	font-weight: bold;
	font-style: normal;
	width: 50%;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 26px;
}

.stamp
{
	position: absolute;
	z-index: 3000;
	left: 20%;
	top: 5%;
}

}

@media screen and (max-width:960px) {


.bild{

	display: none;
}

	h2 {
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 80px;
	margin-top: 20%;
	font-family: 'PT Serif Caption', serif;
	font-weight: bold;
	font-style: normal;
	width: 90%;
}

.stamp
{
	position: absolute;
	z-index: 3000;
	left: 40%;
	top: 9%;
}

.stamp img {
	width: 300px;
}


}


@media screen and (max-width:640px) {


.bild{

	display: none;
}

	h2 {
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 40px;
	margin-top: 30%;
	font-family: 'PT Serif Caption', serif;
	font-weight: bold;
	font-style: normal;
	width: 90%;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
}

.content
{
	margin-top: 10%;
	margin-left: 10%;
}


img {
	margin-left:10%;
	margin-top:10%;
}

.stamp
{
	position: absolute;
	z-index: 3000;
	left: 40%;
	top: 9%;
}

.stamp img {
	width: 300px;
}


}

@media screen and (max-width:440px) {


.bild{

	display: none;
}

	h2 {
	font-size: 34px;
	line-height: 45px;
	margin-bottom: 60px;
	margin-top: 25%;
	font-family: 'PT Serif Caption', serif;
	font-weight: bold;
	font-style: normal;
	width: 95%;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

.content
{
	margin-top: 10%;
	margin-left: 10%;
}


img {
	margin-left:10%;
	margin-top:10%;
}

.stamp
{
	position: absolute;
	z-index: 3000;
	left: 35%;
	top: 9%;
}

.stamp img {
	width: 220px;
}


}



@media only screen and (min-width: 2220px) {


h2 {
	font-size: 90px;
	line-height: 100px;
	margin-bottom: 80px;
	font-family: 'PT Serif Caption', serif;
	font-weight: bold;
	font-style: normal;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 42px;
}

p {
	font-family: 'PT Sans', sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
	bottom:5% !important;
	position: absolute;
}

img {
	width: 300px;
}


.stamp
{
	position: absolute;
	z-index: 3000;
	left: 20%;
	top: 10%;
}

.stamp img
{
width: 500px;

}




}