#gurade{
background: linear-gradient(45deg, #6cb8ff, #fff66c, #ffa36c);
background-size: 600% 600%;
animation: AnimationName 10s ease infinite;
  padding:0;

}
 
@keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}




@keyframes move-stripe2 {
    0% {  background-position-x: 0;  }
    100% {  background-position-y: -40px;  }
}
#dott {
    background: url("../img/dott.png");
    animation: move-stripe2 1s infinite linear;
	padding-top:40px;
	padding-bottom:40px;

}

#dott2 {
    background: url("../img/dott2.png");
    animation: move-stripe2 1s infinite linear;
	padding-top:40px;
	padding-bottom:40px;

}
#dott3 {
    background: url("../img/dott3.png");
    animation: move-stripe2 1s infinite linear;
	padding-top:40px;
	padding-bottom:40px;

}

#dott4 {
    background: url("../img/dott4.png");
    animation: move-stripe2 1s infinite linear;
	padding-top:40px;
	padding-bottom:40px;

}
#dott5 {
    background: url("../img/dott5.png");
    animation: move-stripe2 1s infinite linear;
	padding-top:40px;
	padding-bottom:40px;

}






/* Call To Action Section  index
--------------------------------*/




.head_call
 {
	 padding-top:80px;
}


.head_call .cta-title {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  letter-spacing:5px;
  margin-top:0px;
}

@media (max-width: 420px) {
  .head_call .cta-title {
  font-size: 24px;
  letter-spacing:3px;
}
}


.head_call .cta-text {
  color: #fff;
  font-size:24px;
  letter-spacing:2px;
  font-family: 'Amatic SC', cursive;

}

#call-to-action .cta-title2 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  margin-top:0px;
  	 font-family: 'Oswald', sans-serif;

}







@media (min-width: 769px) {
  #call-to-action .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}