/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */



/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

  /* Header */
header {
width:100%;
height:60px;
display: block;
position: fixed;
top:0;
left:0;
z-index:18000;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header .hrbody {
width:100%;
height: 60px;
display: block;
padding:0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header figure {
  width:140px;
  height:60px;
  display: block;
  position: fixed;
  top:0px;
  left:0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header figure img {
  width:140px;
  height:auto;
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
header figure img.logo_m {
display: none;
}

/* Mobile Menu */
.menubody {
width:100%;
height:auto;
display: block;
position: fixed;
top:0;
left:0;
z-index:19200;
}

p.menubn {
width:60px;
height: 60px;
display: block;
position: fixed!important;
top:0px;
right:0px;
z-index:21500!important;
}
a.menu-link {
width:60px;
height: 60px;
display: block;
cursor: pointer;
text-indent: -9999px;
background-image: url(../img/header/ic-menu.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 50px 50px;
}
a.menu-link.active {
background-image: url(../img/header/ic-menu_c.png);
}

nav[role=navigation] {
width:100%;
height: 100%;
min-height: 100%;
position: fixed;
top:0;
left:-100%;
z-index:19000;
clear: both;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.js nav[role=navigation] {
overflow: hidden;
left:-100%;
background-color:rgba(255,255,255,0.95);
padding: 20% 5% 60px 5%;
}

nav[role=navigation].active {
left:0;
overflow-y:scroll;
}
nav[role=navigation] {
position: fixed;
overflow: hidden;
width:100%;
height: auto;
bottom:105px;
left:-100%;
z-index: 19799;
clear: both;
padding:10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.js nav[role=navigation] {
overflow-y: auto;
}

nav[role=navigation].active {
left:0;
}

nav[role=navigation] ul {
width:100%;
height: auto;
display: block;
margin: 0;
padding: 0;
}
nav[role=navigation] li {
width:100%;
height: auto;
display: block;
border-bottom:1px dotted var(--color-darkgrey);
}
nav[role=navigation] li:last-child {
border-bottom:none;
}
nav[role=navigation] li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
text-align: left;
padding:15px 10px;
color:var(--color-primary);
font-size:12px;
font-weight: 400;
letter-spacing: 0px;
background-image: url("../img/header/ic-ar_h.png");
background-repeat: no-repeat;
background-size: auto 40%;
background-position: right center;
}
nav[role=navigation] li a span {
width:100%;
height: auto;
display: block;
font-size:18px;
font-family: var(--font-en);
font-weight: 400;
line-height: 1.25em;
color:var(--color-black);
margin-bottom: 3px;
}

/* Header(Smaller) */
header.smaller {
width:100%;
height:60px;
display: block;
position: fixed;
top:0;
left:0;
z-index:18000;
box-shadow:0px 2px 10px rgba(0,0,0,0.3);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.smaller .hrbody {
width:100%;
height: 60px;
display: block;
padding:10px 2% 10px;
background-color:#fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.smaller figure {
width:50%;
height: 60px;
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.smaller figure img {
  width:120px;
  height:auto;
  display: block;
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
header.smaller p.menubn {
width:60px;
height: 60px;
display: block;
position: fixed!important;
top:0px;
right:2%;
z-index:21500!important;
}
header.smaller a.menu-link {
width:60px;
height: 60px;
display: block;
cursor: pointer;
text-indent: -9999px;
background-image: url(../img/header/ic-menu.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 50px 50px;
}

/* Menubotton (Active) */
p.menubn.mbactive {
top:0px;
}

/* Contactbox */
.contactbox {
  width:100%;
  height: 60px;
  display: block;
  position: fixed;
  bottom:-60px;
  left:0px;
  z-index:19250;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }
  .contactbox ul {
    width:100%;
    height: 60px;
    display:block;
    float: left;
  }
  .contactbox ul li {
    width:50%;
    height: 60px;
    display: block;
    float: left;
    padding:0;
    border-right:1px solid rgba(255,255,255,0.9);
  }
  .contactbox ul li:last-child {
    border-right:none;
  }
  .contactbox ul li a {
  width:100%;
  height: 60px;
  display: block;
  text-indent: -9999px;
  padding:0px 0 0px 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
  background-color: var(--color-primary);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }
  .contactbox ul li a:hover {
    background-color:var(--color-primary);
  }
  .contactbox.cbactive ul li a:hover {
    background-color:var(--color-primary);
  }
  .contactbox li a.ic-fb {
  background-image:url("../img/header/ic-fb.png");
  }
  .contactbox li a.ic-ins {
  background-image:url("../img/header/ic-ins.png");
  }
  .contactbox li a.ic-mail {
  background-image:url("../img/header/ic-mail.png");
  }
  .contactbox li a.ic-tel {
  background-image:url("../img/header/ic-tel.png");
  }

  .contactbox.cbactive {
    bottom:0;
  }


/* Footer */
footer {
width:100%;
height: auto;
display: block;
padding:0 0 80px;
}
footer ul {
margin-bottom: 20px;
}
footer ul li {
width:100%;
height: auto;
display: block;
border-bottom: 1px solid var(--color-darkgrey);
}
footer ul li a {
width:100%;
height: 40px;
display: block;
text-align: center;
font-size:12px;
color:var(--color-black);
line-height: 40px;
text-decoration: none;
background-color:var(--color-grey);
}
footer ul li a:hover {
color:var(--color-white);
background-color:var(--color-primary);
}
footer p {
width:100%;
height: 40px;
display: block;
font-size:0.8em;
font-weight: 200;
line-height: 40px;
color:var(--color-black);
text-align: center;
}


}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* Header */
header {
width:100%;
height:80px;
display: block;
position: fixed;
top:0;
left:0;
z-index:18000;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header .hrbody {
width:100%;
height: 80px;
display: block;
padding:0 2%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header figure {
  width:150px;
  height:80px;
  display: block;
  position: fixed;
  top:0px;
  left:20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header figure img {
  width:150px;
  height:auto;
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
header figure img.logo_m {
display: none;
}

/* Mobile Menu */
.menubody {
width:100%;
height:auto;
display: block;
position: fixed;
top:0;
left:0;
z-index:19200;
}

p.menubn {
width:60px;
height: 60px;
display: block;
position: fixed!important;
top:10px;
right:2%;
z-index:21500!important;
}
a.menu-link {
width:60px;
height: 60px;
display: block;
cursor: pointer;
text-indent: -9999px;
background-image: url(../img/header/ic-menu.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 50px 50px;
}
a.menu-link.active {
background-image: url(../img/header/ic-menu_c.png);
}

nav[role=navigation] {
width:100%;
height: 100%;
min-height: 100%;
position: fixed;
top:0;
left:-100%;
z-index:19000;
clear: both;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.js nav[role=navigation] {
overflow: hidden;
left:-100%;
background-color:rgba(255,255,255,0.95);
padding: 10% 5% 60px 5%;
}

nav[role=navigation].active {
left:0;
overflow-y:scroll;
}
nav[role=navigation] {
position: fixed;
overflow: hidden;
width:100%;
height: auto;
bottom:105px;
left:-100%;
z-index: 19799;
clear: both;
padding:10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.js nav[role=navigation] {
overflow: hidden;
}

nav[role=navigation].active {
left:0;
}

nav[role=navigation] ul {
width:100%;
height: auto;
display: block;
margin: 0;
padding: 0;
}
nav[role=navigation] li {
width:100%;
height: auto;
display: block;
border-bottom:1px dotted var(--color-darkgrey);
}
nav[role=navigation] li:last-child {
border-bottom:none;
}
nav[role=navigation] li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
text-align: left;
padding:15px 10px;
color:var(--color-black);
font-size:12px;
font-weight: 700;
letter-spacing: 0px;
background-image: url("../img/header/ic-ar_h.png");
background-repeat: no-repeat;
background-size: auto 40%;
background-position: right center;
}
nav[role=navigation] li a span {
width:100%;
height: auto;
display: block;
font-size:20px;
font-family: var(--font-en);
font-weight: 400;
line-height: 1.25em;
color:var(--color-primary);
margin-bottom: 3px;
}

/* Header(Smaller) */
header.smaller {
width:100%;
height:60px;
display: block;
position: fixed;
top:0;
left:0;
z-index:18000;
box-shadow:0px 2px 10px rgba(0,0,0,0.3);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.smaller .hrbody {
width:100%;
height: 60px;
display: block;
padding:10px 2% 10px;
background-color:#fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.smaller figure {
width:50%;
height: 60px;
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.smaller figure img {
  width:150px;
  height:auto;
  display: block;
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
header.smaller p.menubn {
width:60px;
height: 60px;
display: block;
position: fixed!important;
top:0px;
right:2%;
z-index:21500!important;
}
header.smaller a.menu-link {
width:60px;
height: 60px;
display: block;
cursor: pointer;
text-indent: -9999px;
background-image: url(../img/header/ic-menu.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 50px 50px;
}

/* Menubotton (Active) */
p.menubn.mbactive {
top:0px;
}

/* Contactbox */
.contactbox {
  width:100%;
  height: 100px;
  display: block;
  position: fixed;
  bottom:-100px;
  left:0px;
  z-index:19250;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }
  .contactbox ul {
    width:100%;
    height: 100px;
    display:block;
    float: left;
  }
  .contactbox ul li {
    width:50%;
    height: 100px;
    display: block;
    float: left;
    padding:0;
    border-right:1px solid rgba(255,255,255,0.9);
  }
  .contactbox ul li:last-child {
    border-right:none;
  }
  .contactbox ul li a {
  width:100%;
  height: 100px;
  display: block;
  text-align: center;
  font-size:12px;
  line-height: 20px;
  color:var(--color-white);
  text-decoration: none;
  padding:70px 0 10px 0;
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 60px 60px;
  background-color: var(--color-primary);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }
  .contactbox ul li a:hover {
    background-color:var(--color-secondary);
  }
  .contactbox.cbactive ul li a:hover {
    background-color:var(--color-secondary);
  }
  .contactbox li a.ic-fb {
  background-image:url("../img/header/ic-fb.png");
  }
  .contactbox li a.ic-ins {
  background-image:url("../img/header/ic-ins.png");
  }
  .contactbox li a.ic-mail {
  background-image:url("../img/header/ic-mail.png");
  }
  .contactbox li a.ic-tel {
  background-image:url("../img/header/ic-tel.png");
  }

  .contactbox.cbactive {
    bottom:0;
  }


/* Footer */
footer {
width:100%;
height: auto;
display: block;
padding:50px 5% 140px;
}
footer ul {
margin-bottom: 20px;
}
footer ul li {
width:100%;
height: auto;
display: block;
border-bottom: 1px dotted var(--color-darkgrey);
}
footer ul li:last-child {
  border-bottom: none;
}
footer ul li a {
width:100%;
height: 50px;
display: block;
text-align: center;
font-size:12px;
color:var(--color-black);
line-height: 50px;
text-decoration: none;
background-color:var(--color-grey);
}
footer ul li a:hover {
color:var(--color-white);
background-color:var(--color-primary);
}
footer p {
width:100%;
height: 40px;
display: block;
font-size:0.8em;
font-weight: 400;
line-height: 40px;
color:var(--color-black);
text-align: center;
}

}

/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

  /* Header */
  header {
    width:100%;
    height:140px;
    display: block;
    position: fixed;
    top:0;
    left:0;
    z-index:18000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    .hrbody {
      width:100%;
      height:auto;
      display: block;
    }
    header figure {
    width:200px;
    height:50px;
    display: block;
    position: fixed;
    top:40px;
    left:20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    header figure a {
    width:200px;
    height:auto;
    display: block;
    }
    header figure img {
    width:180px;
    height:auto;
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    }
    header figure img.logo_m {
    display: none;
    }


  /* Mobile Menu */
  .menubody {
  width:60%;
  height:60px;
  display: block;
  position: fixed;
  top:30px;
  right:10px;
  z-index:19200;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }
  .menubn {
  display: none;
  }
 .navmenu {
  width:100%;
  height: 60px;
  display: block;
  }
  .navmenu ul li {
  width:16.666666666666%;
  height:60px;
  display: block;
  text-align: center;
  float: left;
  font-size:0.7em;
  line-height: 10px;
  color:#888;
  letter-spacing: 0px;
  }
  .navmenu ul li a {
  width:100%;
  height: 60px;
  display: block;
  text-decoration: none;
  color:#888;
  padding:12px 0;
  border-bottom: 3px solid rgba(234,0,38,0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  }
  .navmenu ul li a span {
  width:100%;
  height: 20px;
  display: block;
  font-size:16px;
  line-height: 20px;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  letter-spacing: -0.5px;
  color:#006cb8;
  margin-bottom:2px;
  }
  .navmenu ul li a:hover {
    color:#006cb8;
  border-bottom: 3px solid #006cb8;
  }
  .navmenu ul li a:hover span {
  color:#006cb8;
  }

  /* Header(Smaller) */
  header.smaller {
  width:100%;
  height:60px;
  display: block;
  position: fixed;
  top:0;
  left:0;
  z-index:18000;
  box-shadow:0px 5px 10px rgba(0,0,0,0.4);
  }
  header.smaller .hrbody {
  width:100%;
  height: 60px;
  display: block;
  padding:0px 2% 0px;
  background-color:#fff;
  }
  header.smaller figure {
    width:120px;
    height:60px;
    display: block;
    position: fixed;
    top:0px;
    left:20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header.smaller figure img {
    width:120px;
    height:auto;
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  header.smaller figure img.logo_m {
  display: none;
  }


  /* Mobile Menu
  --------------------------------------------------------------------*/
  .menubody.msmall {
  width:70%;
  height: 60px;
  display: block;
  padding:0px 0 0;
  position:fixed;
  top:0;
  right:0;
  z-index:19500;
  }
  .menubody.msmall .navmenu {
  width:100%;
  height: 60px;
  display: block;
  }
  .menubody.msmall .navmenu ul li {
  width:16.666666666666%;
  height:60px;
  display: block;
  text-align: center;
  float: left;
  }
  .menubody.msmall .navmenu ul li a {
    width:100%;
    height: 60px;
    display: block;
    font-size:14px;
    font-weight: 400;
    line-height: 60px;
    text-decoration: none;
    color:var(--color-black);
    padding:0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .menubody.msmall .navmenu ul li a span {
    display:none;
  }
  .menubody.msmall .navmenu ul li a:hover {
    background-color:var(--color-primary);
    color:#fff;
    border-bottom: none;
  }

  /* Contactbox */
  .contactbox {
    width:60px;
    height: 284px;
    display: block;
    position: fixed;
    top:25%;
    right:-70px;
    z-index:19250;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .contactbox ul {
    width:60px;
    height:auto;
    display: flex;
    justify-content:space-between;
    flex-direction: column;
    background-color:transparent;
    border-radius:0px 0px 3px 3px;
  }
  .contactbox ul li {
    width:60px;
    height: 60px;
    display: block;
    margin-bottom: 1px;
  }
  .contactbox ul li a {
    width:60px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    background-color:var(--color-primary);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .contactbox ul li a:hover {
    background-color:var(--color-secondary);
  }
  .contactbox li a.ic-fb {
  background-image:url("../img/header/ic-fb.png");
  }
  .contactbox li a.ic-ins {
  background-image:url("../img/header/ic-ins.png");
  }
  .contactbox li a.ic-mail {
  background-image:url("../img/header/ic-mail.png");
  }
  .contactbox li a.ic-tel {
  background-image:url("../img/header/ic-tel.png");
  }
  .contactbox.cbactive {
    right:0px;
  }

  /* Footer */
  footer {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
  }
  footer ul {
  text-align: center;
  margin-bottom: 10px;
  }
  footer ul li {
  display: -moz-inline-box;
  display: inline-block;
  display: inline;
  zoom: 1;
  padding-right: 10px;
  font-size: 0.8em;
  line-height: 2em;
  }
  footer ul li a {
  color:var(--color-black);
  line-height: 1.25em;
  text-decoration: none;
  }
  footer ul li a:hover {
  color:var(--color-black);
  }
  footer p {
  width:100%;
  height: 40px;
  display: block;
  font-size:0.8em;
  font-weight: 200;
  line-height: 40px;
  color:var(--color-black);
  text-align: center;
  }

}