body{
  position: relative;
	 	margin:10px auto; 
		width:100%; 
    clear:both;
    box-shadow:  0px 10px 15px rgba(33,33,33,.6); 
}

table {  display:block;}
.left-menu a{ text-align: center; width: width: calc(100% - 20px);
  background-color: rgb(255, 255, 255);
  color: black;margin-bottom: 0px;
  display: block;position: relative;z-index: 1;
  padding: 10px;
  text-decoration: none;
}
.left-menu a:hover{box-shadow:  -3px 4px 8px rgba(33,33,33,.6); z-index: 2;  }
.left-menu a:active{box-shadow:  -3px 0px 8px rgba(33,33,33,.0); z-index: 1; }

.right-menu a{ text-align: center; width: width: calc(100% - 20px);
  background-color: rgb(255, 255, 255);
  color: black;margin-bottom: 0px;
  display: block;position: relative;z-index: 1;
  padding: 10px;
  text-decoration: none;
}
.right-menu a:hover{ box-shadow:  3px 4px 8px rgba(33,33,33,.6); z-index: 2;  }
.right-menu a:active{box-shadow:  -3px 0px 8px rgba(33,33,33,.0); z-index: 1; }

.wrapper{
  min-height: 100vh;
  background: #ccc;
  display: flex;
  flex-direction: column;
}
.header{align-items: center; 
  height: 200px;
  background: #666;
  color: #fff;
}
.footer{
  height: 90px;
  background: #666;
  color: #fff;
}

.footer p{text-align: center; width: 90%;}

.content {
  display: flex;
  flex: 1;
  background: rgb(255, 255, 255);
  color: #000; 
}
.columns{
  display: flex;
  flex:1;
}
.main{
  flex: 1;
  order: 2;
  background: rgb(255, 255, 255);
}
.sidebar-first{
  width: 20%;
  background: rgb(255, 255, 255);
  order: 1;
}
.sidebar-second{ 
  width: 20%;
  order: 3;
  background: rgb(255, 255, 255);
}