@import url('https://fonts.googleapis.com/css?family=Gabriela:200,300,400,500,600,700,800,900&display=swap');

/* BACK MAIN STYLE */

*,
*::before,
*::after
{
  padding: 0;
  margin: 0;
  border: 0;

  scroll-behavior: smooth;
}

a { text-decoration: none; color: inherit;}

ul
{
  margin-right: 27px;
  margin-left: 27px;
}

h1,
h2,
h3,
h3,
h4,
h5,
h6
{
  font-weight: inherit;
  font-size: inherit;
}

html,
body
{
  height: 100%;
  background-color: #372C38;


  font-size: 25px;
  font-family: 'Gabriela';
  color: #27282D;

}

/* FRONT MAIN STYLE */

.header
{
  background: url(../img/bg.png) no-repeat;
  background-size: cover;

  height: 222px;
}

/* FRONT BOX STYLE */


.wrapper
{
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;

  width: 840px;
  background-color: #F7F7E2;

  height: 806px;
}

.logo
{
  width: 394px;
  height: 65.21px;

  border: 3px;
}

.logobox
{
  width: 840px;
  text-align: center;

  padding-top: 30px;
  padding-bottom: 27px;
}

.textbox
{
  margin-right: 17px;
  margin-left: 17px;
}

/* TEXT STYLE */

.justify
{
  text-align: justify;
}

.right
{
  text-align: right;
  margin-top: 19px;
}

/* BUTTON STYLE */

.button_box
{

  width: 840px;
  height: 70px;

  text-align: center;
}

.button
{
  display: inline-block;
  width: 300px;
  height: 60px;

  background-color: #917898;
  box-shadow: 5px 5px 1px #BCB8CE;

  color: #fff;

  transition: .5s linear;
}

.button:hover
{
  box-shadow: none;
  transform: scale(1.2);
}

h3
{
  margin-top: 14px;
}

/* BOTTOM BOX STYLE */

.wrapper2
{
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;

  width: 840px;
  background-color: #F7F7E2;

  height: 390px;
}