CSS Doesn’t Work

Replies: 1

If you check my site you can see that the blog containers are very small. I tried adding some css to make it larger and look better in general, but some of it doesn’t work.
here is my code.

@media (min-width: 769px) {
 /* BLOG */
.blog .container.grid-container {
    max-width: 1120px;
	  padding-right: 55px;
}
/* HEADER */
.inside-header {
    padding-top: 20px;
    padding-bottom: 20px;
	  padding-left: 0px;
	  padding-right: 280px;
}

.page-header-image, .page-header-image-single,
.post-image {
    display: none;
}

.site-header {
    border-left: 20px solid #000;
	  border-right: 20px solid #000; 
	  border-top: 20px solid #000;
    box-sizing: border-box;
}
/* MENU ITEMS */
.main-navigation {
	background-color: #000;
	padding-right: 400px;
}

.single .container.grid-container {
    max-width: 1120px;
}
}

The code works for the header and the menu but doesnt for the pages and articles themselves.

Im using the Simple CSS plugin.