.site {
display: grid;
grid-template-columns: auto 30%;
grid-template-areas: "header header" "main sidebar" "widgets widgets" "footer footer";
}
.no-sidebar .site {
display: grid;
grid-template-columns: auto;
grid-template-areas: "header" "main" "widgets" "footer";
}
.site-branding{
display: grid;
grid-template-columns: max-content auto max-content;
grid-template-areas: "logo title menu-toggle" "logo description menu-toggle";
} .site-main{
max-width: 800px;
} @media (max-width: 1200px) {
h1{
font-size: 1.8em;
}
} @media (max-width: 1000px) {
.site{
display: block;
}	
} @media (max-width: 782px) {
.menu-toggle {
display: block;
} 
.menu-main-menu-container {
display: none;
}
.wp-block-image .alignright, 
.wp-block-image .alignleft{
float: none;
margin: 0.5em;
}
.site-footer{
font-size: smaller;
}
#tertiary {
display: block;
}
} @media (max-width: 600px) {
h1{
font-size: 1.4em;
}
} @media (pointer: coarse){
.menu-toggle {
display: block;
} 
.menu-main-menu-container {
display: none;
}
}