h2 {
  font-size: 22pt !important;
}

@media (max-width: 991px) {
  h2 {
    width: 80% !important;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 17pt !important;
    width: 70% !important;
  }
}

@media (max-width: 450px) {
  h2 {
    font-size: 17pt !important;
    width: 90% !important;
  }
}

body {
  font-family: 'Manrope', sans-serif;
}

h1,
.touch_text {
  font-weight: 100 !important;
  color: #3b3b3b !important;
  margin-top: 3rem !important;
}

.creative_text {
  margin-top: 0 !important;
}

.service_text,
.creative_text {
  font-weight: 100 !important;
  color: #3b3b3b !important;
}

.long_text {
  color: white !important;
}

.navbar-expand-lg .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.navbar-expand-lg .navbar-nav .nav-link {
  font-size: .8rem;
  padding: .5rem 1rem !important;
}

@media (max-width: 1199px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: .5rem 0.5rem !important;
  }
}

.brand-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.brand-name a:hover {
  color: white;
}

.written_text_height {
  min-height: 28rem;
}

@media (max-width: 991px) {
  .written_text_height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    min-height: auto;
  }
}

@media (max-width: 575px) {
  h2.written_text {
    font-size: 1.2rem !important;
  }
}

.download-file-btn,
.download-file-btn:hover {
  font-size: .8rem;
  font-family: 'Manrope', sans-serif;
  color: antiquewhite;
  font-weight: 100;
}

.download-file-btn span,
.download-file-btn:hover span {
  font-size: 1rem;
  margin: 1rem .4rem 0 1rem;
}

.download-btn,
.download-btn:hover {
  font-size: .9rem;
  background: #474747;
  color: antiquewhite;
  padding: 1rem;
  font-weight: 100;
}

.download-btn span,
.download-btn:hover span {
  font-size: 1.2rem;
  margin: 0 .5rem 0 0;
}

.blog_main {
  font-family: 'Manrope';
}

.blog_main h1 {
  border-bottom: 1px solid #000;
  padding-bottom: 0;
  margin: 0 auto 40px auto;
  width: 70%;
  float: unset;
}

.blog_main h2 {
  font-size: 1.2rem !important;
  font-weight: 700;
  color: #565656;
}

.blog_main h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #565656;
}

.blog_main .files-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.blog_main .files-btns a {
  margin-right: .3rem;
}

@media (max-width: 991px) {
  .blog_main .files-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog_main .files-btns a {
    margin-bottom: .5rem;
  }
}

.btn_main {
  margin: 0;
  width: 100%;
}

/* footer block */
.navbar {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#navbarSupportedContent {
  display: block;
}

@media (max-width: 991px) {
  #navbarSupportedContent {
    display: none;
  }
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
  background-color: transparent;
  padding: 10px 20px;
}

.navbar-toggler:not(:disabled):not(.disabled) i {
  color: white;
  font-size: 1.5rem;
}

/* Main menu positionning */
.banner-main img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 767px) {
  .banner-main {
    padding-bottom: 75px !important;
  }
}

@media (max-width: 575px) {
  .banner-main {
    padding-bottom: 61px !important;
  }
  .creative_taital {
    margin-top: -100px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .long_text {
    font-size: 18pt;
  }
}

@media (max-width: 767px) {
  .long_text {
    font-size: 14pt !important;
  }
}

#main-nav .navbar-nav {
  display: none;
}

#main-nav.is-open .navbar-nav {
  padding-top: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-nav {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #FFF;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all .375s;
  transition: all .375s;
}

.main-nav.is-open {
  opacity: 1;
  z-index: 100;
  visibility: visible;
  overflow: hidden;
}

/* Yellow band effect */
.main-nav::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -15px;
  background: #797979;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: skew(-14deg) translateX(-120%);
          transform: skew(-14deg) translateX(-120%);
  -webkit-transition: all .275s .1s;
  transition: all .275s .1s;
}

.main-nav.is-open::before {
  -webkit-transform: skew(-14deg) translateX(0);
          transform: skew(-14deg) translateX(0);
}

/* Skewing effect on menu links */
.main-nav ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 93%;
  /* Should be 100%, but we have a notice message :D */
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(-18%) skew(-16deg);
          transform: translateX(-18%) skew(-16deg);
}

.main-nav li {
  display: block;
  margin: .5rem 0;
  text-align: right;
  -webkit-transform: skew(16deg);
          transform: skew(16deg);
}

/* Apparition effect on links */
.main-nav a {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.main-nav.is-open a {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main-nav li:nth-child(1) a {
  -webkit-transition: all 275ms 175ms;
  transition: all 275ms 175ms;
}

.main-nav li:nth-child(2) a {
  -webkit-transition: all 275ms 225ms;
  transition: all 275ms 225ms;
}

.main-nav li:nth-child(3) a {
  -webkit-transition: all 275ms 275ms;
  transition: all 275ms 275ms;
}

.main-nav li:nth-child(4) a {
  -webkit-transition: all 275ms 325ms;
  transition: all 275ms 325ms;
}

.main-nav li:nth-child(5) a {
  -webkit-transition: all 275ms 375ms;
  transition: all 275ms 375ms;
}

/* Decoration */
.main-nav ul,
.main-nav li {
  list-style: none;
  padding: 0;
}

.main-nav a {
  display: block;
  padding: 12px 0;
  color: #ffffff;
  font-size: 1.4em;
  text-decoration: none;
  font-weight: bold;
}

@media (max-width: 450px) {
  .main-nav.is-open a {
    padding-right: 1rem;
  }
}

@media (max-width: 400px) {
  .main-nav.is-open a {
    padding-right: 1.5rem;
  }
}

/* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
.open-main-nav {
  top: 15px;
  padding-top: 20px;
  right: 15px;
  z-index: 1000;
  background: none;
  border: 0;
  cursor: pointer;
}

.open-main-nav:focus {
  outline: none;
}

.burger {
  position: relative;
  display: none;
  width: 28px;
  height: 4px;
  margin: 0 auto;
  background: #ffffff;
  -webkit-transform: skew(5deg);
          transform: skew(5deg);
  -webkit-transition: all .275s;
  transition: all .275s;
}

@media (max-width: 991px) {
  .burger {
    display: block;
  }
}

.burger:after,
.burger:before {
  content: '';
  display: block;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all .275s;
  transition: all .275s;
}

.burger:after {
  -webkit-transform: translateY(-12px) translateX(-2px) skew(-20deg);
          transform: translateY(-12px) translateX(-2px) skew(-20deg);
}

.burger:before {
  -webkit-transform: translateY(-16px) skew(-10deg);
          transform: translateY(-16px) skew(-10deg);
}

/* Toggle State part */
.is-open .burger {
  -webkit-transform: skew(5deg) translateY(-8px) rotate(-45deg);
          transform: skew(5deg) translateY(-8px) rotate(-45deg);
}

.is-open .burger:before {
  -webkit-transform: translateY(0px) skew(-10deg) rotate(75deg);
          transform: translateY(0px) skew(-10deg) rotate(75deg);
}

.is-open .burger:after {
  -webkit-transform: translateY(-12px) translateX(10px) skew(-20deg);
          transform: translateY(-12px) translateX(10px) skew(-20deg);
  opacity: 0;
}

/* MENU Text part */
.device {
  position: relative;
  width: 345px;
  height: 600px;
  background: #FFF;
  border: 1px solid #EEE;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

.map_icon img {
  padding: 0 !important;
}

.map_icon p {
  margin: 1rem 0 0 0 !important;
  padding: 0 !important;
}

.contact_main {
  background: aliceblue;
}

.contact_main .contact_section_2 {
  padding: 3rem 0;
}

.contact_main .contact-place p {
  margin: 0 0 .5rem 0;
}

.contact_main .contact-place a,
.contact_main .contact-place .fax {
  color: #242424;
  margin: 0;
  font-size: .9rem;
}

.contact_main .contact-place a:hover,
.contact_main .contact-place .fax:hover {
  color: black;
  font-size: .9rem;
}

.contact_main .contact-place .logo-interplast {
  margin: 1rem 0;
}

.contact_main .contact-place .contact-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}

.contact_main .contact-place .contact-numbers span {
  margin-right: .5rem;
}

.contact_main .contact-place .contact-numbers span.fa {
  margin-right: 1.5rem;
  padding-top: .5rem;
}

@media (max-width: 991px) {
  .contact_main .contact-place {
    margin: .8rem 0;
    max-width: 80%;
    margin: auto;
  }
}

@media (max-width: 575px) {
  .contact_main .contact-place {
    max-width: 100%;
  }
}

.espa-logo-div {
  width: 100%;
  float: left;
  margin: 0 auto;
  text-align: center;
  margin: 2rem auto;
}

.espa-logo-div .espa-logo-and-text p {
  color: black !important;
}

.espa-logo-div .espa-logo-and-text p:nth-child(3) {
  color: #ff7575 !important;
}

.espa-logo-div img {
  max-height: 5rem;
}

.espa-logo {
  max-width: 35rem;
  margin: auto;
}

.espa-logo .espa-logo-and-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.espa-logo .espa-logo-and-text p {
  width: 100%;
  margin: 0 0 .5rem 0;
  color: white;
  font-weight: 600;
  font-size: .7rem;
  line-height: 1rem;
}

.espa-logo .espa-logo-and-text p:nth-child(3) {
  font-size: .7rem;
  color: #ff7575;
  font-weight: 800;
}

@media (max-width: 1199px) {
  .espa-logo .espa-logo-and-text p {
    margin: 0 0 .3rem 0;
  }
}

@media (max-width: 991px) {
  .espa-logo .espa-logo-and-text p {
    margin: 0 0 .1rem 0;
  }
}

.espa-logo .espa-logo-and-text .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.espa-logo .espa-logo-and-text img {
  height: 100%;
}

@media (max-width: 991px) {
  .espa-logo .long_text {
    margin-top: 2rem !important;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .espa-logo .europe {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .espa-logo .europe img {
    float: right;
  }
  .espa-logo .espa {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .espa-logo .espa img {
    float: left;
  }
  .espa-logo img {
    width: 8rem;
  }
  .espa-logo .text {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: .5rem;
  }
  .espa-logo .long_text {
    padding-bottom: 0;
  }
}

@media (max-width: 575px) {
  .espa-logo img {
    width: 6rem;
  }
}