/* @media all and (min-width:768px) and (max-width:1023.98px) */

body {
background-image:url(./assets/Hero-image-md.png);
}

nav{max-width:var(--site-contant-md);
}

.logo{ 
font-size:44px;   
}

#sidebarMenu {
top:100px;
}

.sidebarIconToggle {
padding:11px 11px;
order:1;
}

.social-media{display:none;
}

.hero-contant{max-inline-size: 45ch;}

.instagram,.youtube{
background-color: var(--sunny-yellow);
border-radius:50px 50px;
}

.hero-image{padding-block-start:36rem;
}

footer{flex-direction:row;
justify-content:space-between;
padding-inline:20px;
padding-block:5px;
}

.footer-contact{align-items:flex-start;
padding-inline-end:85px;
}

.footer-support{padding-block-start:0;
}

.rectangle-image{width:310px;
height:240px;
}

.grid-container{display:grid;
grid-template: repeat(2,250px)/ repeat(2,250px);
gap:10px;
justify-content:center;
}