/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "quickSand-Medium";
  src:
    url("../fonts/Quicksand-Medium.woff") format("woff"),
    url("../fonts/Quicksand-Medium.woff2") format("woff2");
    font-style: normal;

}

@font-face {
  font-family: "quickSand-Semibold";
  src:
    url("../fonts/Quicksand-SemiBold.woff") format("woff"),
    url("../fonts/Quicksand-SemiBold.woff2") format("woff2");
    font-style: normal;

}


a:link, a:active, a:visited, a:hover{
  text-decoration: none;
  color: #77569b;
}

html, body{
  font-family: "quickSand-Semibold",sans-serif;
  scroll-behavior: smooth;
  color: #77569b;
  background-color: #ddd6ec;
}

.header{
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 52px;
  margin-bottom: 52px;

}

.header .container{
  width: 60%;
  min-width: 350px;
}

.logo{
  width: 70%;
  margin: 0 auto;

}

.logo img{
  width: 100%;

}

/**** HEAD *******/

.head{

}


.header .container .text{
  margin-top: 8%;

}

.header .container .text p{
  line-height: 24px;
  font-size: 20px;
  margin-bottom: 32px;
}

.header .text h1{
  font-size: 38px;
  line-height: 42px;
  margin-bottom: 32px;
}

.header .text h2{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 32px;
}

.header .button,
#footer .button{
  font-family: "quickSand-Semibold",sans-serif;
  font-size: 18px;
  line-height: 20px;
  width: 250px;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 18px;

}

.header .button a,
#footer .button a{
  padding: 8px 60px;
  cursor: pointer;
  display: inline-block;
}

section, footer{
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;

}

section .container{
  width: 50%;
  min-width: 350px;

}

.image img{
  width: 100%;
}

.image{
  margin-bottom: 24px;
}

.text-book{
  font-size: 20px;
  margin-bottom: 24px;
}

footer .container{
  width: 60%;
  min-width: 500px;
  margin-bottom: 200px;

}

footer .container .text p{
  line-height: 24px;
  font-size: 20px;
  margin-bottom: 32px;
}

footer .text h2{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 32px;
}


/**** MAP *****/
 iframe{
   width: calc(100vw - 18px);
   height: 350px;
   padding: 0;
 }


/**** FOOTER *****/

#footer{

}