.header {
    position: fixed;
    z-index: 1002;
    width: 100vw;
}

.header__logo {
    height: 90px;
    /* background-color: rgb(228, 228, 228); */
    background-image: url(../img/acoEscovado-fundo.png);
    position: relative;
}

.logoSYNC {
    width: 137px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header__redesSociais--lista {
    display: flex;
    list-style: none;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

.header__redesSociais--lista--item {
    font-size: 25px;
    margin-left: 10px;
}

.header__redesSociais--lista--link {
    color: #07102c;
    text-decoration: none;
}

.header__redesSociais--lista--icone {
    padding: 10px;
    transition: .3s;
}

.header__nav--container {
    height: 5vh;
    background-color: #07102c;
    width: 100vw;
    display: flex;
}

.header__nav--lista {
    display: flex;
    justify-content: space-around;
    list-style: none;
    text-decoration: none;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

.header__nav--link {
    color: white;
    padding: 1px 7px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    font-size: 13px;
}

.header__nav--link:hover{
    color: lime;
    background-color: rgba(150, 150, 150, 0.3);
    text-decoration: none;
}

/* .espacoLogo {
    width: 150px;
    height: 5vh;
    background-color: rgb(228, 228, 228);
    margin-right: 50px;
    border-radius: 0 0 25px 25px;
} */

.header .checkbtn {
	font-size: 30px;
	color: #07102c;
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 1003;
	line-height: 80px;
	cursor: pointer;
	display: none;
}

.header #check {
	display: none;
}

/* .header__someMenu {
    left: -100% !important;
} */

@media (max-width: 858px){
	.header .checkbtn {
		display: block;
	}
	.header .header__nav--lista{
		position: fixed;
		/* width: 100%; */
        width: 200px;
		height: calc(100vh - 90px);
		background: #07102c;
		top: 90px;
		left: -100%;
		text-align: center;
		transition: all .5s;
        flex-direction: column;
        justify-content: space-evenly;
        /* align-items: flex-start;
        padding-left: 15px; */
	}
	.headernav ul li{
		display: block;
	}
	.headernav ul li a {
		font-size: 20px;
	}
	#check:checked ~ ul {
		left: 0;
	}
    .header__redesSociais--lista {
        display: none;
    }
    .header__nav--container {
        background-color: transparent;
    }
}

@media screen and (max-width: 450px) {
    .header ul {
        width: 100%;
        /* align-items: center;
        padding: 0; */
    }
}