h1 {
	font-family : Sumo ;
	font-size:clamp(30.0px, 1.400rem + ((1vw - 3.2px) * 2.963), 60px)
	
}

h2 {
	font-family : Helvetica;
	font-size: clamp(1rem, 0rem + 100vw, 5rem)
	
}

h3 {
	font-family : Helvetica;
}

h4 {
	font-family : Lite;
	font-size : clamp(20.068px, 1.40rem + ((2vw - 3.2px) * 2.963), 80px);
	
}


h5 {
	font-family : SUMO ;
	font-size :
clamp(20.068px, 1.40rem + ((2vw - 3.2px) * 2.963), 80px);
	
}

h6 {
		font-family : Knockout Sumo;
	}

col {
	font-family : Knockout;
		
}

.animation-bouton > a{
	position:relative;
	overflow:hidden;
	z-index:2;
}
.animation-bouton > a:before{
	content:"";
	position:absolute;
	width:500px	;
	height:500px;
	top:calc(50% - 250px);
	left:calc(50% - 250px);
	background-color:;
	z-index:-1;
	border-radius:50%;
	transform:scale(0);
	transition:.2s ease-in all;
}
		
.animation-bouton > a:hover:before{
	transform:scale(1);	
	opacity:1;
}

.animation-bouton > a{
	position:relative;
	overflow:hidden;
	z-index:2;
}



.animation-bouton-2 > a:before{
	content:"";
	position:absolute;
	width:500px	;
	height:500px;
	top:calc(50% - 250px);
	left:calc(50% - 250px);
	background-color: yellow;
	border-color: blue; 
	z-index:-1;
	border-radius:50%;
	transform:scale(0);
	transition:.2s ease-in all;
}
		
.animation-bouton-2 > a:hover:before{
	transform:scale(1);	
	opacity:1;
}

.animation-bouton-2	 > a:hover:before{
	transform:scale(1);	
	opacity:1;
}

.animation-bouton-2 > a{
	position:relative;
	overflow:hidden;
	border-color: yellow; 
	z-index:2;
}



p{
	font-family : Helvetica;
}


 .button-three a:hover {
  box-shadow: inset 0 -100px 0 0 #38BDE2;
}

.button-three a:active {
  transform: scale(0.9);
}
.button-three a{
 transition: ease-out 0.5s;
}

.button-three a {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.button-three a:hover {
  animation: sh0 0.5s ease-in-out both;
}

.button-three a:hover span {
  animation: storm 0.7s ease-in-out both;
  animation-delay: 0.06s;
}

.button-three a::before,
.button-three a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: none;
  z-index: 1;
  transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transform: translate(100%, -25%) translate3d(0, 0, 0);
}

.button-three a:hover::before,
.button-three a:hover::after {
  opacity: 0.15;
  transition: transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.button-three a:hover::before {
  transform: translate3d(50%, 0, 0) scale(0.9);
}

.button-three a:hover::after {
  transform: translate(50%, 0) scale(1.1);
}

@keyframes sh0 {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  25% {
    transform: rotate(7deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(-7deg) translate3d(0, 0, 0);
  }
  75% {
    transform: rotate(1deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }

/*Button Four*/
.button-four a:hover { 
  transform: translateY(-7px);
}

/*Button Five*/
.button-five a {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.button-five a:hover {
  animation: sh0 0.5s ease-in-out both;
}

.button-five a:hover span {
  animation: storm 0.7s ease-in-out both;
  animation-delay: 0.06s;
}

.button-five a::before,
.button-five a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: none;
  z-index: 1;
  transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transform: translate(100%, -25%) translate3d(0, 0, 0);
}

.button-five a:hover::before,
.button-five a:hover::after {
  opacity: 0.15;
  transition: transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.button-five a:hover::before {
  transform: translate3d(50%, 0, 0) scale(0.9);
}

.button-five a:hover::after {
  transform: translate(50%, 0) scale(1.1);
}

@keyframes sh0 {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  25% {
    transform: rotate(7deg) translate3d(0, 0, 0);
  }
  50% {
    transform: rotate(-7deg) translate3d(0, 0, 0);
  }
  75% {
    transform: rotate(1deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}








.responsive-type > {
	font-size:clamp(1.037rem, 2.500rem + ((1vw - 0.2rem) * 2.704), 5rem);font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase
}