@media all and (max-width:960px) {
body #header{grid-area:1/1/2/2;}
body .div1{grid-area:1/2/2/4;}
body #nav{grid-area:2/1/3/4;}
body .div2{grid-area:3/1/4/3;}
body .div3{grid-area:3/3/4/4;}
body .div4{grid-area:6/3/7/4;}
body .div5{grid-area:4/1/5/3;}
body .div6{grid-area:5/1/6/3;}
body .div7{grid-area:4/3/5/4;}
body .div8{grid-area:5/3/6/4;}
body .div9{display:none;}
body .div10{grid-area:6/1/7/3;}
body #article{grid-area:7/1/8/4;}
body #aside{display:none;}
body .div11{grid-area:9/1/10/2;}
body .div12{grid-area:9/2/10/3;}
body .div13{grid-area:9/3/10/4;}
body .div14{grid-area:10/1/11/2;}
body .div15{grid-area:10/2/11/3;}
body .div16{grid-area:10/3/11/4;}
body #footer{grid-area:11/1/12/4;}
body .mobilla{display:none;}
body .decktop{display:none;}
}
@media all and (max-width:720px) {
body #header{grid-area:1/1/2/2;}
body .div1{display:none;}
body #nav{grid-area:1/2/2/3;align-self:center;}
body .div2{grid-area:2/1/3/3;}
body .div3{grid-area:3/1/4/3;}
body .div4{grid-area:4/1/5/3;}
body .div5{grid-area:5/1/6/2;}
body .div6{grid-area:5/2/6/3;}
body .div7{grid-area:6/1/7/2;}
body .div8{grid-area:6/2/7/3;}
body .div9{grid-area:7/1/8/2;display:block;}
body .div10{grid-area:7/2/8/3;}
body #article{grid-area:8/1/9/3;}
body #aside{grid-area:9/1/10/3;display:block;}
body .div11{grid-area:10/1/11/2;}
body .div12{grid-area:10/2/11/3;}
body .div13{grid-area:11/1/12/2;}
body .div14{grid-area:11/2/12/3;}
body .div15{grid-area:12/1/13/2;}
body .div16{grid-area:12/2/13/3;}
body #footer{grid-area:13/1/14/3;}
body .tnav{display:block;}
body .tnav:after{content:'\2630'" МЕНЮ";font-weight:bold;color:red;}
body .link-menu{display:none;}
body #top-nav:checked ~ .link-menu{display:block;margin:10px 0px;}
body #top-nav:checked ~ .tnav:after{content:'\2716'" МЕНЮ";font-weight:bold;color:red;}
}
*{box-sizing:border-box;}
body {margin:0;padding:0;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:100%;line-height:1.5;position:relative;}
#container{display:grid;
justify-self:center;
grid-template-rows:repeat(9, auto);
grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));
padding:0 15px 0 15px;
column-gap:10px;
row-gap:10px;
}
#header{grid-area:1/1/2/2;}
.div1{grid-area:1/2/2/5;align-self:center;}
#nav{grid-area:2/1/3/5;}
.div2{grid-area:3/1/4/3;align-self:center;}
.div3{grid-area:3/3/4/4;}
.div4{grid-area:3/4/4/5;align-self:center;}
.div5{grid-area:4/1/5/3;}
.div6{grid-area:4/3/5/5;}
.div7{grid-area:5/1/6/2;}
.div8{grid-area:5/2/6/3;}
.div9{grid-area:5/3/6/4;}
.div10{grid-area:5/4/6/5;}
#article{grid-area:6/1/7/4;align-self:center;border-bottom:3px solid #DCDCDC;border-top:3px solid #DCDCDC;}
#aside{grid-area:6/4/9/5;}
.div11{grid-area:7/1/8/2;}
.div12{grid-area:7/2/8/3;}
.div13{grid-area:7/3/8/4;}
.div14{grid-area:8/1/9/2;}
.div15{grid-area:8/2/9/3;}
.div16{grid-area:8/3/9/4;}
#footer{grid-area:9/1/10/5;background-color:#DCDCDC;}
.mobilla{display:none;}
.decktop{display:block;}
.totle{padding:5px;text-align:center;}
.image, .logo{width:100%;}
.image-home{max-width:98%;height:98%;}
#top-nav, .tnav{display:none;}
.link-menu{display:inline-block;padding:5px 10px;margin:0 5px;text-decoration:none;color:#000000;font-weight:bold;}
.link-menu:hover{background-color:#F08080;color:#ffffff;}
.link-home{display:block;text-decoration:none;color:#000000;text-align:left;}
.link-home:hover{color:#ff0000;}
.span-home{font-weight:bold;}
.image-and-link{display:inline-block;padding:0;margin:0;position:relative;text-align:center;}
.link-on-image{display:inline-block;position:absolute;padding:5px;left:5px;right:5px;bottom:10px;text-decoration:none;background-color:rgba(255, 255, 255, 0.7);color:#000000;}
.link-on-image:hover{color:#ff0000;}
.image-home3{width:30%;float:left;padding:8px;}
.aside-home{padding:5px 0px;border-bottom:3px solid #DCDCDC;}