/* Maria Deprma basic styles */
body{ font-family: 'Roboto', sans-serif; margin:0; 
padding:0; 
color:var(--color-text);
background:var(--color-background);
}
.container{
    max-width:1200px;
    margin:0 auto; 
    padding:0 15px; 
    
}
.site-footer{ background:var(--color-footer-bg); color:#fff; padding:30px 0; }
.logo img{ max-height:60px; display:block; }
.main-nav ul{ list-style:none; margin:0; padding:0; display:flex; gap:16px; }
.btn{ display:inline-block; padding:10px 16px; background:var(--color-primary); color:#fff; border-radius:8px; text-decoration:none; }
.page-with-sidebar{ display:flex; gap:30px; }
.content-area{
    flex:1 
    
}

.sidebar-area{
    width:300px
    

}


.footer-widgets {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width:768px){ .main-nav ul{ flex-wrap:wrap; } .sidebar-area{ display:none; } }