*{
  font-family: 'CentraleSansRnd';
}
html {
  
  font-size: 1rem;
  scroll-behavior: smooth;
}
body {
  
  overflow-x: hidden;
  background-color: #fff;
  
}

a:link {
  text-decoration: none;
  
}

a:visited {
  text-decoration: none;
  
}

a:hover {
  text-decoration: none;
  
}

a:active {
  text-decoration: none;
  
}

p.ww {
  font-size: 26px;
  font-weight: 300!important;
}
h1 {
  font-size: 32px;
  font-weight: 500;
 }
h2 {
  font-size: 32px;
  font-weight: 500!important;
}

h3 {
  font-size: 24px;
  font-weight: 500!important;
}

h4 {
  font-size: 20px;
  font-weight: 300!important;
}



@media (max-width: 767.98px) {
  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }


}

.txt-black{
  color: #000;
}

.copy-header{
    text-align: center!important;
}

.cta {
  background: #00b1ed;
  font-size: 20px;
  color: #fff;
  padding: 10px 30px;
  transition: all 0.5s;
  border-radius: 4px;
  border: 2px solid #00b1ed;
  text-decoration: none;
}
.cta:hover {
  background: none;
  color: #00b1ed;
  text-decoration: none;
}

.cta-white {
  
  font-size: 20px;
  color: #000;
  padding: 10px 30px;
  transition: all 0.5s;
  border-radius: 4px;
  border: 2px solid #fff;
  text-decoration: none;
  background: #fff;
}
.cta-white:hover {
  background: none;
  color: #fff;
  text-decoration: none;
}

.cta-white-s {
  
  font-size: 20px;
  color: #000;
  padding: 10px 30px;
  transition: all 0.5s;
  border-radius: 4px;
  border: 2px solid #fff;
  text-decoration: none;
  background: #fff;
}
.cta-white-s:hover {
  background: none;
  color: #fff;
  text-decoration: none;
}

.cta-black-o {
  
  font-size: 20px;
  color: #000;
  padding: 10px 30px;
  transition: all 0.5s;
  border-radius: 4px;
  border: 2px solid #000;
  text-decoration: none;
  background: none;
}
.cta-black-o:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

.cta-blue {
  background: #00b1ed;
  font-size: 20px;
  color: #fff;
  padding: 10px 30px;
  transition: all 0.5s;
  border-radius: 4px;
  border: 2px solid #00b1ed;
  text-decoration: none;
}
.cta-blue:hover {
  background: none;
  color: #00b1ed;
  text-decoration: none;
}

.cta-violet {
  background: #96238e;
  font-size: 20px;
  color: #fff;
  padding: 10px 30px;
  transition: all 0.5s;
  border-radius: 4px;
  border: 2px solid #96238e;
  text-decoration: none;
}
.cta-violet:hover {
  background: none;
  color: #96238e;
  text-decoration: none;
}

.cta-violet-big {
  background: #96238e;
  font-size: 24px;
  color: #fff;
  padding: 12px 36px;
  transition: all 0.5s;
  border-radius: 5px;
  border: 2px solid #96238e;
  text-decoration: none;
}
.cta-violet-big:hover {
  background: none;
  color: #96238e;
  text-decoration: none;
}

.bg-header {
  color: #fff;
  background-image: url("../img/header-bg.jpg");
  background-repeat: no-repeat;
  min-height: 740px;
  background-position: 60% 0%;
  background-color: #9dd4d4;
}

.logo-left {
	float: left;
}

.logo-right {
	float: right;
}

.padding-header{
padding-top: 3%;
}

.s1-bg{
  color: #000;
  background-color: #9dd4d4;
}

.s2-bg{
  color: #fff;
  background-image: url("../img/s2-bg.jpg");
  background-repeat: no-repeat;
  min-height: 688px;
  background-position: top;
  background-color: #ffb5c2;
}

.s3-bg{
  color: #000;
  background-image: url("../img/s3-bg.jpg");
  background-repeat: no-repeat;
  min-height: 517px;
  background-position: 50% 0;
  background-color: #ffb5c2;
}

.s4-bg{
  color: #000;
  background-image: url("../img/s4-bg.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-color: #fff;
}


@media screen and (max-width: 992px) {
  .s2-bg{
    color: #fff;
    background-image: url("../img/s2-bg.jpg");
    background-repeat: no-repeat;
    min-height: 275px;
    background-position: top;
    background-color: #ffb5c2;
  }

}
@media screen and (max-width: 768px) {
  .bg-header {
    color: #000;
    background-image: url("../img/header-bg-xs.jpg");
    background-color: #9dd4d4;
    background-repeat: no-repeat;
    min-height: 740px;
    background-position: 0% 0;
  }
  .s2-bg{
    background-image: url("../img/s2-bg-xs.jpg");
    background-repeat: no-repeat;
    min-height: 275px;
    background-position: top;
    background-color: #ffb5c2;
  }
  .s3-bg{
    color: #000;
    background-image: url("../img/s3-bg-xs.jpg");
    background-repeat: no-repeat;
    min-height: 378px;
    background-position: top;
    background-color: #ffb5c2;
  }
  header {
    min-height: 440px;
  }
  
  .logo-left {
	float: none;
	display: block;
	margin:0 auto;
  }

  .logo-right {
	float: none;
	display: block;
	margin:0 auto;
  }

}


@media screen and (max-width: 500px) {
  header {
    min-height: 200px;
  }

  .bg-header {
    color: #000;
    background-image: url("../img/header-bg-xs.jpg");
    background-color: #9dd4d4;
    background-repeat: no-repeat;
    min-height: 501px;
    background-position: 50% 0;
  }
  .logo-left {
	float: none;
	display: block;
	margin:0 auto;
  }

  .logo-right {
	float: none;
	display: block;
	margin:0 auto;
  }
	
  .margin-xs{
    padding-top: 15%;
  }

}