/*Rose : #FCB9DB*/
/*Vert : #00A537*/

@font-face {
  font-family: b-black;
  src: url(./fonts/Brice-Black.otf);
}
html {
  -webkit-hyphenate-character: "-";
}
@font-face {
  font-family: b-semi;
  src: url(./fonts/Brice-Regular-SemiExpanded.otf);
}

@font-face {
  font-family: b-regular;
  src: url(./fonts/Brice-Regular.otf);
}

body {
  background-color: #fcb9db;
  margin: 0;
}
.phone {
  display: none;
}
header {
  padding: 20px;
}
#block-main {
}
#logo {
  width: 550px;
  position: absolute;
  transform: rotate(-10deg);
  margin-left: 40px;
  margin-top: 0px;
}
.title {
  font-family: b-semi;
  font-size: 17px;
  color: #00a537;
  text-align: center;
  text-transform: uppercase;
}

.title-l {
  font-family: b-semi;
  font-size: 17px;
  color: #00a537;
  text-align: center;
}

h1 {
  padding-top: 110px;
  font-family: b-black;
  font-size: 110px;
  color: #00a537;
  text-align: center;
  text-transform: uppercase;
  max-width: 10ch;
  margin: 60px auto;
}

#header-left {
  float: left;
}

#stamp {
  right: 200px;
  position: absolute;
  display: block;
  top: 450px;
  font-family: b-black;
  font-size: 24px;
  color: #00a537;
  transform: rotate(30deg);
  text-transform: uppercase;
  text-align: center;
display:none;
}

#stamp img {
  width: 150px;
}

#header-right {
  float: right;
}

#footer-left {
  float: left;
}

#footer-right {
  float: right;
}

#footer-left a {
  color: #00a537;
}

footer {
}

#content-footer {
  padding: 20px;
  margin-bottom: 20px;
}

#stamp {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1100px) {
  h1 {
    padding-top: 110px;
    font-family: b-black;
    font-size: 90px;
    color: #00a537;
    text-align: center;
    text-transform: uppercase;
  }

  #logo {
    width: 450px;
  }
  #stamp {
    right: 100px;
    position: absolute;
    display: block;
    top: 400px;
    font-family: b-black;
    font-size: 24px;
    color: #00a537;
    transform: rotate(30deg);
    text-transform: uppercase;
    text-align: center;
	display: none;
  }
}

@media (max-width: 900px) {
  #header-left {
    float: none !important;
    font-size: 22px;
  }

  #footer-left {
    float: none !important;
    color: white;
    margin-bottom: 20px;
  }
  #footer-left a {
    float: none !important;
    color: white;
  }

  #footer-right {
    float: none !important;
    color: white;
  }

  #header-right {
    float: none !important;
    font-size: 22px;
  }

  #logo {
    width: 450px;

    /* margin-top: -107px; */
  }

  .phone {
    display: block;
  }

  .nophone {
    display: none;
  }

  h1 {
    padding-top: 110px;
    font-family: b-black;
    font-size: 80px;
    color: #00a537;
    text-align: center;
    text-transform: uppercase;
    max-width: 10ch;
    margin: 60px 30px;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

@media (max-width: 650px) {
  #stamp {
    right: 100px;
    position: absolute;
    display: block;
    top: 400px;
    font-family: b-black;
    font-size: 24px;
    color: #00a537;
    transform: rotate(30deg);
    text-transform: uppercase;
    text-align: center;
	display: none;
  }
}

@media (max-width: 500px) {
  #stamp {
    right: 100px;
    position: absolute;
    display: block;
    top: 400px;
    font-family: b-black;
    font-size: 24px;
    color: #00a537;
    transform: rotate(30deg);
    text-transform: uppercase;
    text-align: center;
	display: none;
  }
  #logo {
    width: 290px;
    /* margin-top: -107px; */
  }

  h1 {
    padding-top: 110px;
    font-family: b-black;
    font-size: 60px;
    color: #00a537;
    text-align: center;
    text-transform: uppercase;
    max-width: 10ch;
    margin: 20px 30px;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  #stamp img {
    width: 100px;
  }
}