/* css/responsive.css */

/* Reset margins/padding */

html,
body {
    margin: 0;
    padding: 0;
}

/* Make media scale within containers */

img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

/* Fluid wrapper */

.container {
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Mobile nav & sidebar tweaks */

@media (max-width: 768px) {
    nav ul {
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .sidebar {
        display: none;
    }
}