@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
    .container {
        width: 100%;
        padding: 1em;
    }
	

}

@media (max-width: 768px) {
    .logo img {
        width: 80px;
    }
    .container {
        width: 100%;
        padding: 1em;
    }
    
    .store {
        text-align: center;
        text-shadow: 0px 0px 10px #000000;
    }
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
	
}


@media (max-width: 480px) {
    .container {
        width: 100%;
    }
    .grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .store {
        font-size: 0.6em;
    }
    .title {
        font-size: 1.8em;
    }
	
	
}
@media (max-width: 320px) { 
	
	
}

@media (min-width: 1000px) {
	
}

@media (min-width: 480px) {
	
}

@media (min-height: 766px) {
	
}