@media only screen and (min-width: 720px) {
  
  
  #one, #noThree {
    width:20% !important;
  }
  
  #noThree {
    width:10% !important;
 }  
  
  #two {
    width:50%;
  }
}

body {
background:grey;
font-family:ms pgothic;
font-size:20px;
color:black;
margin:0 !important;
}

#sections {
margin:0 !important;
display:block;
position:fixed;
width:100%;
height:100%;
}

#cont div {
background:white;
padding:5px;
border-right:1px solid #73624f;
}

#cont {
display: flex;
flex-direction:row;
height: 100vh;
}

#one {
flex:1;
text-align:center;
background-image:url("img/sidebar.gif") !important;
background-repeat:repeat;
}

#one img {
  filter:drop-shadow(2px 2px 2px grey);
}

#one div {
box-sizing: border-box;
}

#one img {
width:150px;
}

#two {
flex:5;
padding: 0 !important;
}

.entry {
margin:5px;
border:none !important;
max-height:94%;
overflow-y:auto;
overflow-x:hidden;
}

#noThree {
flex:.3;
border:none !important;
background: white;
background-size: contain !important;
background-repeat: repeat !important;
min-width: 150px !important;
background-color:black !important;
}

button {
width:90%;
padding:5px;
margin:5px;
background:white;
border-radius:5px;
border:1px solid #73624f;
color:#73624f;
font-size:25px;
transition: .3s ease;
font-family: ms pgothic;
text-align: justify;
padding-left:5px;
}

button:hover {
color:black;
background: #fffed4;
transition: .3s ease;
cursor: help;
padding-left:20px;
}

a {
color:red;
transition: .3s ease;
}
a:hover {
transition: .3s ease;
}

.tl {
text-align:center;
}

hr {
border-width: 1px 0px 0px 0px;
border-color:grey;
border-style:dotted;
}

.upd {
overflow-y: auto;
text-align:left;
color:black;
max-height: 200px;
width:90%;
margin:auto;
border:1px solid #73624f !important;
border-radius:5px;
}

.uppy {
text-align:left !important;
color:black;
background: none !important;
margin:auto;
border:none !important;
}

.notice {
  background:#fffed4 !important;
  border:3px double #a12525;
  border-radius:5px;
  padding:5px;
  color: #a12525;
  text-align:justify;
}