* {
    box-sizing: border-box;
}

body {
     margin: 0;
     font-family: Arial, sans-serif;
}

.hamburger {
	/*visibility: hidden;*/
	display: none;
	background:transparent; border:0; 
}
    
.dropdown {
	overflow: hidden;
	/*hidden: true; */
	background: #f4f4f4;
	border: solid 1px gray;
	position: absolute;
	width: 170px; 
	z-index: 10;
	transition: all 0.5s ease;
	text-align: left;
}
    
@media (min-width: 769px) {
    .container {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    
    .header, .footer {
        background-color: #4CAF50;
        color: white;
        text-align: center;
        padding: 10px 0;
    }
    
    .main-content {
        display: flex;
        flex: 1; /* Takes the available space */
    }
    
    .left-panel, .right-panel {
        background-color: #f4f4f4;
        padding: 15px;
        width: 125px; /* Fixed width for side panels */
    }
    
    .body {
        /*background-color: #ffffff;*/
        padding: 15px;
        flex: 1; /* Takes remaining space */
    }
    
    .footer {
        background-color: #4CAF50;
    }
    
    background-color: #7fffff;

    .hamburger {
	display: none;
	/*visibility: visible;*/
    }
    
}

@media (max-width: 768px) {
    .box {
        flex: 1 1 100%; /* Flex item takes up 100% on mobile */
    }

    .container {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    
    .header, .footer {
        background-color: #4CAF50; 
        color: white;
        text-align: center;
        padding: 10px 0;
    }
    
    .main-content {
        display: flex;
        background-color: #7fffff;
        flex: 1; /* Takes the available space */
    }

    .left-panel {
	hidden: true;
	overflow: hidden;
	width: 0px; 
    }
    
    .right-panel {
	overflow: hidden;
        background-color: #f4f4f4;
        padding: 0px;
        width: 0px;
    }
    
    .body {
        /*background-color: #ffffff;*/
        padding: 15px;
        flex: 1; /* Takes remaining space */
    }
    
    .footer {
        background-color: #4CAF50;
    }

    .hamburger {
	display: inline-block;
	/*visibility: visible;*/
    }
}