@media (max-width: 599px) {
	h1, h2, h3, h4, p {
		text-align: left;
	}

	#header {
		border-top: none;
		margin-top: 0;
		position: absolute;
		width: 100%;
		top: -560px;
		transition: 0.5s;
		min-height: 523px;
	}

	#header.open {
		top: 0;
	}

	#header>.content,
	#navigation,
	#navigation>ul {
		display: block;
	}

	#header>.content {
		padding-bottom: 10px;
		position: relative;
	}

	#hamburger {
		position: absolute;
	    right: 10px;
	    bottom: 20px;
		width: 50px;
		height: 40px;
		z-index: 999;
		transition: 0.5s all;
	}

	#hamburger.open {
	    bottom: calc(100% - 80px);
	}

	#hamburger span.bar {
		width: 50px;
		height: 10px;
		display: block;
		background: #00aeef;
		position: relative;
		border-radius: 5px;
		transition: 0.3s all;
		transform-origin: 50% 50%;
	}

	#hamburger span.bar:first-of-type {
		bottom: 0;
		-webkit-animation-name: close_top; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
		animation-name: close_top;
		animation-duration: 0.5s;
	}

	#hamburger span.bar:nth-of-type(2) {
		bottom: -5px;
		opacity: 1;
	}

	#hamburger span.bar:last-of-type {
	    bottom: -10px;
	    -webkit-animation-name: close_bottom; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
		animation-name: close_bottom;
		animation-duration: 0.5s;
	}

	#hamburger.open span.bar:first-of-type {
	    transform: rotateZ(45deg);
    	bottom: -15px;
    	-webkit-animation-name: open_top; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
		animation-name: open_top;
		animation-duration: 0.5s;
	}

	#hamburger.open span.bar:nth-of-type(2) {
		opacity: 0;
	}

	#hamburger.open span.bar:last-of-type {
	    transform: rotateZ(-45deg);
    	transform-origin: 50% 50%;
	    bottom: 5px;
	    -webkit-animation-name: open_bottom; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
		animation-name: open_bottom;
		animation-duration: 0.5s;
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes open_bottom {
	  0% {transform: rotateZ(0deg);
	  	  bottom: -10px;}
	  50% {transform: rotateZ(0deg);
	  	  bottom: 5px;}
	  100% {transform: rotateZ(-45deg);
	  	  bottom: 5px;}
	}

	/* Standard syntax */
	@keyframes open_bottom {
	  0% {transform: rotateZ(0deg);
	  	bottom: -10px;}
	  50% {transform: rotateZ(0deg);
	  	bottom: 5px;}
	  100% {transform: rotateZ(-45deg);
	  	bottom: 5px;}
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes open_top {
	  0% {transform: rotateZ(0deg);
	  	bottom: 0;}
	  50% {transform: rotateZ(0deg);
	  	bottom: -15px;}
	  100% {transform: rotateZ(45deg);
	  	bottom: -15px;}
	}

	/* Standard syntax */
	@keyframes open_top {
	  0% {transform: rotateZ(0deg);
	  	bottom: 0;}
	  50% {transform: rotateZ(0deg);
	  	bottom: -15px;}
	  100% {transform: rotateZ(45deg);
	  	bottom: -15px;}
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes close_bottom {
	  0% {transform: rotateZ(-45deg);
	  	bottom: 5px;}
	  50% {transform: rotateZ(0deg);
	  	bottom: 5px;}
	  100% {transform: rotateZ(0deg);
	  	bottom: -10px;}
	}

	/* Standard syntax */
	@keyframes close_bottom {
	  0% {transform: rotateZ(-45deg);
	  	bottom: 5px;}
	  50% {transform: rotateZ(0deg);
	  	bottom: 5px;}
	  100% {transform: rotateZ(0deg);
	  	bottom: -10px;}
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes close_top {
	  0% {transform: rotateZ(45deg);
		bottom: -15px;}
	  50% {transform: rotateZ(0deg);
		bottom: -15px;}
	  100% {transform: rotateZ(0deg);
		bottom: 0;}
	}

	/* Standard syntax */
	@keyframes close_top {
	  0% {transform: rotateZ(45deg);
		bottom: -15px;}
	  50% {transform: rotateZ(0deg);
	    bottom: -15px;}
	  100% {transform: rotateZ(0deg);
		bottom: 0;}
	}

	#header>#mobile-robot {
		width: 60px;
	    height: 60px;
        position: absolute;
		bottom: 10px;
	    left: 20px;
	    display: block;
	    opacity: 1;
	    transition: 0.5s all;
	    z-index: 999;
	}

	#header.open>#mobile-robot {
		opacity: 0;
		z-index: -1;
	}

	#logo {
		margin: auto;
	}

	#navigation {
		width: 100%;
	}

	#navigation>ul:after {
		content: none;
	}

	#navigation>ul>a,
	#navigation>ul>a>li {
		transform: none;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#navigation>ul>a {
		margin: 10px 0;
		padding: 10px;
		height: auto;
	}

	#navigation>ul>a:hover {
	    -webkit-animation-name: none;
	    animation-name: none;
	    background-color: #00538a;
	    color: #f8931d;
	    cursor: pointer;
	}

	.main {
		width: calc(100% - 40px);
		padding: 20px;
		min-height: calc(100vh - 203px);
		margin-top: 93px;
	}

	.social-icons{
		position: relative;
		float: right;
	    top: -10px;
	    right: 0;
	    width: 100%;
	}

	.social-icons>ul {
	    list-style: none;
	    display: flex;
	    width: 100%;
	    justify-content: flex-end;
	    align-items: center;
	    flex-direction: column;
	}

	.social-icons>ul {
	    flex-direction: row;
	    justify-content: center;
	    width: 100%
	}

	.social-icons>ul>a {
	    margin-left: 15px;
	}

	.social-icons.footer-social {
		display: none;
	}

	.contact-form,
	.contact-personnel,
	.news-preview {
		width: 100%;
	}

	.contact-person h3,
	.contact-person p {
		text-align: center;
	}

}