.bg-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: -moz-linear-gradient(left, #73abdd 0%, transparent 79%, transparent 80%);
    background: -webkit-linear-gradient(left, #73abdd 0%, #5a7287 79%, transparent 80%);
    background: linear-gradient(to right, rgba(115, 171, 221, 0.4) 16%, rgba(115, 171, 221, 0.4) 18%, transparent 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

.__logo {
	width: auto;
	height: auto;
	margin: 0 auto;
	display: table;
	padding-top: 60px;

    @media (max-width: $tabletBreakpoint) { 
        padding-top: 0px;
    }
}

.logo-2 {
    position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -40%);

    @media (max-width: $tabletBreakpoint) {
        width: 250px;
        height: 160px;
    }
}

.burger-menu {
    position: fixed;
    top: 50%;
    left: 100%;
    transform: translate(-100%, -15%);
    width: 50px;
    height: 55px;
    background: #ffffff;
    cursor: pointer;
    z-index: 5;

    @media (max-width: $tabletBreakpoint) {
        top: 0;
        transform: translate(-100%, 2%);
    }

    @media (max-width: $mobileBreakpoint) {
        top: 0;
        transform: translate(-100%, 2%);
    }
}

.lacocina {
    width: 200px;

     @media (max-width: $mobileBreakpoint) { 
        width: 165px;
        margin: 0 18px;
     }
}