@media (min-width: 768px) {
#hours_shift{

padding-left:50%;

}

.myslider{
margin-right:-100px;
}

.changesize{
font-size:100px;
}
.changesize2{
font-size:55px;
}

.full_width{
width:100%;
margin-left: auto;
}
#firstbg{
background-image: url("/~beibedfo/assets/images/bg-1.jpg");
background-repeat: no-repeat;
}

#logochange{
width:70%;
}

.padit2{
padding-top:0px;
}

.padit1{
padding-top:10px;
}
.padit3{
padding-top:20px;
}

.Notes{
width:60%;
height:100px;
display:block;
margin:auto;

}
.notesTitle{
text-align:center;

}

}

@media (max-width: 767px) {

#hours_shift{

padding-left:0%;
padding-top:30px;

}
.full_width{
width:130%;
margin-left:-15%;
padding-bottom:15px;
}

.changesize{
font-size:70px;
}
.changesize2{
font-size:45px;
}

.padit1{
padding-top:20px;
}

.padit2{
padding-top:20px;
}
#logochange{
width:100%;
}
#heightshrink{
height: 210px;
}

.addTopPad{
padding-top:30px;
padding-bottom:10px;

}


.Notes{
width:100%;
height:100px;
display:block;
margin:auto;
}
.notesTitle{
text-align:left;

}


}

@media (max-width: 467px) {
#heightshrink{
height: 150px;
}


}

.logo-center{
width:20%; 

margin: auto;


}
.tableDiv{


}

.enlargeWidth{

min-width:100px;

}

.SWtable{
margin-left: auto;
margin-right: auto;
max-width:700px;

}
.SWtable, .SWtable tr, .SWtable td {

border: 1px solid black;

}

.SWtable th{
text-align: center;

}
.SWtable td{
padding: 5px 5px 5px 5px;

}
.align-to-left {
  float: left;
}

.box {
  vertical-align: middle;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #edeef2;
  opacity: 0.3;
  filter: alpha(opacity=95); /* For IE8 and earlier */
  width: 110%;
  height:125%;
}

.hours{
font-size: 120%;
padding-top:10px;

}

.middle{
margin-top:10%;

}



.padit{
padding-top:10px;
}


.whitetext{
color: white;

}