/*body { padding-top: 60px; }*/

header {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,.95);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.1);
	border-top: 6px solid var(--red);
}

header > a {
	display: inline-block;
	vertical-align: top;
}

/* INFO: logo */
header > a:first-child { padding: 10px 0; }

/* INFO: contact us button */
header > a:last-child { float: right; }

/* Mobile */
@media (max-width: 459.999px) {
	header { padding: 5px 10px 5px 15px; }

    header > a:last-child span { display: none; }

    header > a:last-child {
    	display: inline-block;
        background-image: url(../svg/header/contact.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 32px;
        width: 40px;
        height: 40px;
        padding: 0;
    }
}

@media (min-width: 460px) {
    header > a:last-child {
        display: inline-block;
        margin-top: 1px;
        padding: 1px 30px 0 30px;
        border-radius: 30px;
        background-color: var(--green);
        color: var(--color-text);
        font-size: 17px;
        line-height: 40px;
        cursor: pointer;
        font-family: Roboto, sans-serif;
        font-weight: 300;
        text-decoration: none;
        text-transform: uppercase;
        transition: background-color .5s ease;
    }

    header > a:last-child:hover { background-color: var(--blue); }
}
/* <-- */

@media (min-width: 460px) and (max-width: 799.999px) {
	header { padding: 5px 20px; }
}

@media (min-width: 800px) {
	header { padding: 5px 30px; }
}

header > nav {
    display: inline-block;
}

header > nav > a {
    display: inline-block;
    padding: 10px;
}