.push {
  padding-left: 5%;
}
.pushbottom {
  padding-bottom: 3%;
}
.pushtop {
  padding-top: 3%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.vertical-center {
  height: 100%;
  width: 100%;

  text-align: center; /* align the inline(-block) elements horizontally */
  font: 0/0 a; /* remove the gap between inline(-block) elements */
}

.vertical-center:before {
  /* create a full-height inline block pseudo=element */
  content: " ";
  display: inline-block;
  vertical-align: middle; /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container {
  max-width: 100%;

  display: inline-block;
  vertical-align: middle; /* vertical alignment of the inline element */
  /* reset the font property */
  font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#introduce_1 {
  background-color: #ffffff;
}

#logotron {
  background-color: #1f71a2;
  /*we miss sewol 416 */
  /*background: #F7971E;  !* fallback for old browsers *!*/
  /*background: -webkit-linear-gradient(to right, #FFD200, #F7971E);  !* Chrome 10-25, Safari 5.1-6 *!*/
  /*background: linear-gradient(to right, #FFD200, #F7971E); !* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!*/
  /*padding: 8px 0px;*/
}