Problems with media queries

Hi, I have some problems with a media querie that doesen’t seem to work… In the editor i added theese styles to the id #Danske_Spil. I gave the white box a width of 70%, now I want to make a media querie for small devices (mobile) so the width is 90% instead of 70%. Here is my code and link. hope you can help me!

#Danske_Spil {
margin: auto;
width: 70%;
margin-bottom: 80px;
margin-top: 80px;

box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
padding-left: 5vw;
padding-right: 5vw;
}

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

#Danske_Spil {

width: 90%;
padding-left: 4vw;
padding-right: 4vw;
}
}