@charset "UTF-8";
/* CSS Document */
.contact a {
  border-bottom: 0.3px solid;
}
.dropdown{
  display:none;
}
label,
li{
  display:block;
  font-family: grad, serif;
  text-align: left;
}
li a {
  font-size: 1.4rem;
}
li::before,
label::before{
  content:"";
  display:block;
  position:absolute;
  right:-35%;
  width:.5em;
  height:.5em;
  border-top:#ADADAD 1px solid;
  border-left:#ADADAD 1px solid;
  transform:rotate(135deg);
  margin-top: 0.6rem;
}
input[type="checkbox"]{
  display:none;
}
label[for="menu"]{
  display:block;
}
label[for="menu"]::before{
  transform:rotate(225deg);
}
#menu:checked + .dropdown{
  display:block;
  padding: 0;
}
.address {
  position: fixed;
  width: 100%;
  top: 50%;
  left: 20px;
  transform: translate(0%, -50%);
}
.email, .instagram {
  padding-bottom: 2rem;
}
.address th {
  width: 60px;
  font-size: 1.4rem;
  font-weight: 200;
  text-align: left;
}
.address td {
  font-size: 1.4rem;
  font-weight: 200;
  text-align: left;
}
.address td a {
  padding-left: 0.2rem;
  color: #FFF;
}
.labels-wrapper {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.labels-flex p {
  font-size: 0.5rem;
  margin: 0;
}
.labels-flex p a {
  color: #FFF;
}
.labels-wrapper span {
  font-size: 0.5rem;
}
@media(max-width:374px) {
  .labels-wrapper {
  bottom: 15px;
}
.labels-flex p {
  font-size: 0.2rem;
}
.labels-wrapper span {
  font-size: 0.2rem;
}
}
@media(min-width:768px) {
.labels-flex {
  display: flex;
  justify-content: center;
  gap: 5px;
}
}