header {
	font: 1em 'Poppins';
        position: fixed;
        display: flex;
        top: 0;
        left: 0;
        width: 100%;
        padding: 20px 50px;
        justify-content: space-between;
        align-items: center;
        z-index:99;
        text-align:center;
	margin:auto;
        }

.brand {
        font-size: .9em;
        color: #fff;
        user-select: none;
        }

.brand-tagline {
        position: relative;
        width:100%;
        margin-left:0px;
        }

.brand-tagline2 {
	color: #66A;
	position:relative;
	font-size:.7em;
        width:100%;
        margin-left:0px;
	margin-top:-5px;
        }

.logo {
        font-size: 2.5em;
        color: #fff;
        user-select: none;
        margin-bottom: -10px;
        }

.navigation {
	margin-right:100px;
	}

.navigation a {
        position: relative;
        font-size: 1.1em;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        margin-right:10px;
	border:2px solid transparent;
        }

.navigation a:hover {
        background: #fff;
	color: #000;
	border:2px solid white;
        border-radius: 5px;
        transition: .5s;
        }

@media (max-width: 850px) {

        header {
                position: fixed;
                top: 0;
                display: grid;
                padding: 20px 0px;
                margin: auto;
                z-index:99;
                text-align:center;
                justify-content: center;
                }

	.navigation {
		margin-top: 20px;
		margin-right:0;
		}

	.img1 {
		display:none;
		}
        }