body{
  background-color: #e6e7e8;
  overflow: hidden;
  color:#231f20:
}

h6, .none, span{
  opacity: 0;
  transition: all ease-in-out 1.2s;
}

h5{
  opacity: 0;
  transition: all ease-in-out 2.5s;
}

h1{
  opacity: 0;
  transition: all ease-in-out 3.5s;
}

h1, h5, h6, span{
  font-family: 'Montserrat', sans-serif;
}

h6, span{
  font-weight: 300;
}

a {
  color: #231f20;
}

a:hover {
  color: #231f20;
  text-decoration: none;
}

.fullh{
    height: 100vh;
    display: flex;
    justify-content: center;
}

.centerall{
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.tobottom{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.mt-5, .my-5 {
    margin-top: 3rem!important;
}

h1 {
    font-size: 7rem;
    font-weight: 700;
}

h5 {
    font-size: 2rem;
}

img.normal{
  width: 160px;
  height: 130px;
}

img.special{
  width: 140px;
  height: 130px;
}

img.specialtwo{
  width: 100px;
  height: 130px;
}

hr {
    border-top: 1px solid #231f20;
}

.eupopup-container-bottomright {
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    line-height: 2.2em !important;
}

@media screen and (max-device-width: 991px) and (min-device-width: 576px){
	h1 {
		font-size: 5.5rem;
	}
	h5 {
		font-size: 1.8rem;
	}
	.mt-4, .my-4 {
		margin-top: 2.5rem!important;
	}
	img.normal {
		width: 150px;
		height: 120px;
	}
	img.special {
		width: 130px;
		height: 120px;
	}
	img.specialtwo {
		width: 80px;
		height: 120px;
	}
}

@media screen and (max-device-width: 750px){
  .eupopup-container.eupopup-container-bottomright.eupopup-color-default {
      width: 100% !important;
      font-size: 20px !important;
      line-height: 2em !important;
  }
  a.eupopup-button.eupopup-button_1 {
      font-size: 20px !important;
  }
}

@media screen and (min-device-width: 576px){
  .dispfc{
    display: inline-flex;
    justify-content: center;
  }
}

@media screen and (max-device-width: 575px) and (min-device-width: 450px){
	.col-12.col-sm-4.mb-1 {
		margin-bottom: 0px;
		margin-top: 0px;
	}
}
	
@media screen and (max-device-width: 575px){
	
	body{
		overflow: unset;
	}
  .eupopup-container.eupopup-container-bottomright.eupopup-color-default {
      font-size: 30px !important;
  }
  a.eupopup-button.eupopup-button_1 {
      font-size: 30px !important;
  }
  .dispfc{
    display: block !important;
  }
  .col-sm-4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  object {
      width: 150px;
      height: 200px;
  }
	h1 {
		font-size: 8rem;
	}
  .h5, h5 {
      font-size: 2.6rem;
  }
  .h6, h6 {
      font-size: 2rem;
  }
  .mb-1, .my-1 {
      margin-bottom: 3rem!important;
  }
  .mt-5, .my-5 {
      margin-top: 8rem!important;
  }
  .mb-4, .my-4 {
      margin-bottom: 2.5rem!important;
  }
  span.mb-3 {
      font-size: 30px;
  }
  .mt-4, .my-4 {
    margin-top: 3.5rem!important;
  }
	img.normal {
		width: 200px;
		height: 230px;
	}
	img.special {
		width: 230px;
		height: 230px;
	}
	img.specialtwo {
		width: 150px;
		height: 210px;
	}
}

@media screen and (max-device-width: 450px){
	.col-12.col-sm-4.mb-1 {
		margin-bottom: 0px;
		margin-top: 0px;
	}
}

hr{
  width: 0;
  height: 0;
  transition: all ease-in-out .6s;
}