@media (max-width: 767px){
	body{
        font-size: 50%;
    }
    
}
.logo {
    display: flex;
    align-items: center;
    padding: 1% 2%;
}
.logo > a > img {
    width: 40%;
}

.menu{
    display: flex;

    align-items: left;
    padding: 1% 4%;
}
.menu > a {
    margin-right: 8%;
    text-decoration: none;
    font-size: 1.5rem;
    color: #333;
}
.menu > a:hover {
    color: #ff5252;
}

@media (max-width: 767px){
	
    .menu > a {

        text-decoration: none;
        font-size: 0.7rem;
        color: #333;
    }
}