/* Bottom fix nav */

.fixed-nav {
  position: fixed;
  bottom: 0; left: 0;
  width: 100%;
  background-color: rgba(238, 238, 238, 1);
  display: flex;
  justify-content: space-around;
  padding: 10px 0;
  box-sizing: border-box;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
}

/* Side bar Set */

.container_sbar {
  margin: 70px 0 0 0;
  display: flex;
  justify-content: space-between;
}

.content_sbar {
  width: 79%;
}

.sidebar_sbar {
  width: 18%;
}

.sticky-index_sbar {
  font-family: 'MyWebFont2';
  position: sticky;
  top: 40px;
  background-color: #a5cbd7;
  padding: 4px;
}


/* Sidebar Box set */

#sidebox_01 {
margin: 10px 0 0 0;
display:inline-block;
position:relative;
top:3px;
padding:0 .5em;
height:1.5em;
line-height:1.5em;
color:#ffffff;
background:#ffe6ee; <!-- #ffc0c0; -->
font-weight:bold;
text-align:center;
border-radius:5px 5px 0 0;
color: red;
}

#sidebox_02 {
margin: 0 0 10px 0;
border: 4px solid #ffe6ee; 
padding: 2px 4px 4px 2px;
}

#sidebox_03 {
white-space: nowrap;
margin: 4px;
padding: 5px; 
background: #fff; 
-webkit-box-shadow: 0 0 50px #f98289 inset, 5px 5px 0 #cecece;
-moz-box-shadow: 0 0 50px #f98289 inset, 5px 5px 0 #cecece; 
box-shadow: 0 0 50px #f98289 inset, 5px 5px 0 #cecece; 
font-size: 1em; 
}

.sm1 {
  font-size: 0.8em;
  display:block;
  margin: 20px 0;
}

.sm2 {
  font-size: 0.6em;
  font-family: 'MyWebDont2';
}

@media (min-width: 768px) {

#sidebox_03 {
white-space: nowrap;
margin: 4px;
padding: 30px; 
background: #fff; 
-webkit-box-shadow: 0 0 50px #f98289 inset, 5px 5px 0 #cecece;
-moz-box-shadow: 0 0 50px #f98289 inset, 5px 5px 0 #cecece; 
box-shadow: 0 0 50px #f98289 inset, 5px 5px 0 #cecece; 
font-size: 1em; 
}

.sm1 {
  font-size: 1.2em;
  display:block;
  margin: 20px 0;
}

.sm2 {
  font-size: 0.8em;
  font-family: 'MyWebDont2';
}

}