@charset "UTF-8";
/* CSS Document */
/*global*/
body {
 font-family: 'Frank Ruhl Libre', serif;
 font-weight: 400;
 background-color: #ffffff;
 color: #000000; max-width: 1024px;
 margin: 0 auto;
 padding: 1%;
 box-sizing: border-box;
}
.c {
 font-size: 3rem;
 text-align: center;
 line-height: 6rem;
 font-style: bold;
}

/*header*/
.head {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-bottom: 2em;
}
.social {
 margin: 1% 1% 0;
 width: 50%;
 text-align: right;
}
.inli {
 display: inline;
}
.social a {
 margin: 0.05em;
}
.social img {
 width: 2em;
 height: 2em;
 padding: 0.5%;
}
.logo img {
 width: 25em;
 padding: 1%;
 margin: 2%;
}
.social a {
 text-decoration: none;
}
.social a:hover {
 text-decoration: none;
}
.con-dat1 img {
 width: 1.5em;
 margin: 0 0.5em -0.8em 0;
}
.con-dat1 p {
 font-size: 1rem;
 display: inline;
}
.con-dat1 {
 margin-top: 0.5em;
}

@media (max-width: 1010px) {
/*main-nav*/
 .header-container {
  margin: 0 auto;
  z-index: 9999;
  align-items: center;
 }
 .head {
  display: block;
 }
 .social, .logo {
  margin: 0 auto;
  text-align: center;
 }
 .inli {
  display: block;
  padding: 2%;
 }
 .social a {
  margin: 0 0.7em 0;
 }
 
 p{
  font-size: 2rem;
  line-height: normal;
 }
 .logo img {
 width: 22em;
 padding: 1%;
 margin: 2%;
}
}