@media (orientation: landscape) and (max-device-width: 1400px) {}

@media (max-device-width : 1400px) {
	.container {
	  width: 94vw;
		padding: 0 3vw;
	}
  #footer h3 {
  	margin-bottom: 0.3em;
  	margin-top: 0;
	}
}

@media (max-device-width : 1260px) {
  #intro h1 {
	  font-size: 86px;
	}
  #footer .blok {
	  width: auto;
  	margin-right: 50px;
	}
}

/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-device-width : 1024px) {
  #logo {
  	padding-left:6vw;
	}
  #intro {
  	min-height: initial;
	}
  #intro h1 {
	  font-size: 8vw;
	}
  h2 {
	  font-size: 4vw;
	}
  #texts, #form {
		float:none;
		width:100%;
		margin:0;
	}
  #texts {
		padding:0;
	}
	#footer {
	  padding: 1.5em 0;
	}
  #footer .container div {
  	width: 100%;
  	text-align: center;
    margin: 0 0 15px 0;
	}
  #footer h3 {
  	margin-bottom: 0;
	}
  #socialmenu {
  	margin-top: 5px;
	}
  #socialmenu li {
  	margin: 0 10px;
	}
  .container {
		flex-wrap: wrap;
	}
  .container .blok {
  	flex-basis: 100%;
		padding-right:0;
	}
}

@media (max-device-width : 800px) {
	#intro {
		padding-top:0;
	}
  #footer .container div.blok {
  	width: 100% !important;
  	text-align: center;
    margin-bottom: 15px;
	}
  #footer h3 {
  	margin-bottom: 0;
	}
  #socialmenu {
  	margin: 5px 0 0 0;
	}
}

@media (max-device-width : 680px) {
  #intro h1 {
	  font-size: 10vw;
	}
  h2 {
	  font-size: 5vw;
	}
  #footer span {
    padding-left:0;
	}
}

/* ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-device-width : 600px) {
  #intro {
  	padding-bottom: 0.5em;
	}
	h2 {
   margin: 0 0 1em 0;
	}
  #footer {
	  margin-top: 2em;
	}
  #footer .container div {
  	width: 100%;
    margin-bottom: 1em;
	  background-size: 60px;
	}
}

@media (max-device-width : 480px) {
  h2 {
  	font-size: 6vw;
	}
  #form {
  	padding: 1.5em;
	}
	#footer {
	  padding-top: 1em;
	  margin-top: 1em;
	}
  #footer span {
  	display: block;
	}
}

/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-device-width : 380px) {
  h2 {
  	font-size: 7vw;
	}
  #form {
  	padding: 1em;
	}
	#footer a {
  	font-size: 20px;
	}
}