@media only screen and (max-width: 768px) {
    
.menu {
   
    width: 100%;
    margin-top: 100px;
    

    text-align: center;
    
}    
    
}

@media only screen and (max-width: 480px) {

.logo {
    width: 320px;
   
}

.hedronTxt {
    
    font-size: 14px;
    width: 96%;
    margin-top: 150px;
    
}
.menu {
    margin-top: 70px;
    
    
} 

    
}

@media only screen and (max-width: 320px) {

.logo {
    width: 280px;
   
}
.hedronTxt {
    
    margin-top: 160px;
    
}
    
}