header.main {
    position: relative;
    padding-bottom: 1em;
}

header.main h1 {
	margin-block: 0px;
}

header.main h1 .logo_container {
	background: none;
	margin: 0px;
}

header.main h1 .logo_container img {
	width: 100%;
	box-shadow: 4px 10px 4px rgba( 0, 0, 0, 0.5);
	width: 72%;
	transition: transform 200ms ease-in-out;
	animation: logo_shake_init 1000ms ease-in-out;
}

@keyframes logo_shake_init {
	30%{
		transform: perspective(100px) translate3d(0%, 5%, 15px);
	}
	40%{
		transform: perspective(100px) translate3d(0%, 5%, 15px) rotate(2deg);
	}
	50%{
		transform: perspective(100px) translate3d(0%, 5%, 15px) rotate(-2deg);
	}
	60%{
		transform: perspective(100px) translate3d(0%, 5%, 15px) rotate(2deg);
	}
	70%{
		transform: perspective(100px) translate3d(0%, 5%, 15px) rotate(-2deg);
	}
}

header.main h1 .logo_container:hover img {
	opacity: 1;
	transform: scale(1.05);
}

header.main h1 .logo_container:active img {
	box-shadow: 2px 5px 2px rgba( 0, 0, 0, 0.5);
}

@media screen and (min-width: 981px) {
	header.main {
        position: static;
    }
    
    header.main h1 .logo_container img {
	width: 100%;
}