@media only screen and (max-width: 640px){
    header{
        width: 100%;
    }
    header .menu{
        display: flex;
    }
    header nav{
        display: none;
    }
    .slider{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
    .ico{
        display: none;
    }
    .McMenu{
        width: 100%;
    }
    .McMenu div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .McMenu div nav{
        width: 100%;
    }
    .title{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    footer{
        height: 80px;
        display: flex;
        justify-content: center;
    }
    .Marca_mundial{
        display: flex;
        flex-direction: column;
    }
    .Marca_mundial div{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Marca_mundial p{
        margin: 30px;
    }
}