@charset "utf-8";
/* overlock */
@font-face {font-family: 'Overlock SC';
  font-style: normal;
  font-weight: 400;
  src: local('Overlock SC'), local('OverlockSC-Regular'), url(https://fonts.gstatic.com/s/overlocksc/v5/cFrEOzZWUct6fhBu_bFdko4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
/* raleway */
@font-face {  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}





/* LARGE DEVICE */
@media only screen and (min-width : 1200px)
{
	
/* TEXT EFFECT START */
.headtext { margin-top: -100px;}
.headtext strong {color:black;
					-webkit-text-stroke: white 1px;}
.headtextpara { color: orange;
				font-size: 28px;
				-webkit-text-stroke: black 3px;
				paint-order: stroke fill;}
.effects { border: 0px solid #ddd;
  			height: 50px;
  			line-height: 50px;
  			font-size: 45px;
  			text-transform: uppercase;
  			overflow: hidden;
			}
.effects span { position: relative;
  				color: white;
  				animation: animation 10s ease infinite;
				-webkit-text-stroke: black 5px;
				paint-order: stroke fill;
				}
@keyframes animation { 0%,100% { top: 0; }
  					20% { top: 0; }
  					25% { top: -50px; }
  					45% { top: -50px; }
  					50% { top: -100px; }
  					70% { top: -100px; }
  					75% { top: -150px; }
					95% { top: -150px; }
					}
/* TEXT EFFECT END */
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }

	
	

}





/* MEDIUM DEVICE */
@media only screen and (min-width : 991px) and (max-width : 1199px) 
{ 
	
/* TEXT EFFECT START */
.headtext { margin-top: -100px;}
.headtext strong {color:black;
					-webkit-text-stroke: white 1px;
					font-size: 45px;}
.headtextpara { color: orange;
				font-size: 25px;
				-webkit-text-stroke: black 3px;
				paint-order: stroke fill;
				}
.effects { border: 0px solid #ddd;
  			height: 50px;
  			line-height: 50px;
  			font-size: 35px;
  			text-transform: uppercase;
  			overflow: hidden;
			}
.effects span { position: relative;
  				color: white;
  				animation: animation 10s ease infinite;
				-webkit-text-stroke: black 5px;
				paint-order: stroke fill;
				}
@keyframes animation { 0%,100% { top: 0; }
  					20% { top: 0; }
  					25% { top: -50px; }
  					45% { top: -50px; }
  					50% { top: -100px; }
  					70% { top: -100px; }
  					75% { top: -150px; }
					95% { top: -150px; }
					}
/* TEXT EFFECT END */
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }
	
}





/* SMALL DEVICE */
@media only screen and (min-width : 768px) and (max-width : 990px) 
{

/* TEXT EFFECT START */
.headtext { margin-top: -100px;}
.headtext strong {color:black;
					-webkit-text-stroke: white 1px;
					font-size: 55px;}
.headtextpara { color: orange;
				font-size: 25px;
				-webkit-text-stroke: black 3px;
				paint-order: stroke fill;
				}
.effects { border: 0px solid #ddd;
  			height: 50px;
  			line-height: 50px;
  			font-size: 30px;
  			text-transform: uppercase;
  			overflow: hidden;
			}
.effects span { position: relative;
  				color: white;
  				animation: animation 10s ease infinite;
				-webkit-text-stroke: black 5px;
				paint-order: stroke fill;
				}
@keyframes animation { 0%,100% { top: 0; }
  					20% { top: 0; }
  					25% { top: -50px; }
  					45% { top: -50px; }
  					50% { top: -100px; }
  					70% { top: -100px; }
  					75% { top: -150px; }
					95% { top: -150px; }
					}
/* TEXT EFFECT END */
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }
	
}





/* EXTRA SMALL DEVICE */
@media only screen and (max-width : 767px) 
{


/* TEXT EFFECT START */
.headtext { margin-top: -100px;}
.headtext strong {color:black;
					-webkit-text-stroke: white 1px;
					font-size: 55px;}
.headtextpara { color: orange;
				font-size: 25px;
				-webkit-text-stroke: black 3px;
				paint-order: stroke fill;
				}
.effects { height: 50px;
  			line-height: 50px;
  			font-size: 25px;
  			text-transform: uppercase;
  			overflow: hidden;
			}
.effects span { position: relative;
  				color: white;
  				animation: animation 10s ease infinite;
				-webkit-text-stroke: black 5px;
				paint-order: stroke fill;
				}
@keyframes animation { 0%,100% { top: 0; }
  					20% { top: 0; }
  					25% { top: -50px; }
  					45% { top: -50px; }
  					50% { top: -100px; }
  					70% { top: -100px; }
  					75% { top: -150px; }
					95% { top: -150px; }
					}
/* TEXT EFFECT END */
	
/*CONTACT*/	
.contact-container { background: #fff;
					  padding: 25px;
					  border-radius: 8px;
					  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
					}

h2 { text-align: center;
	 margin-bottom: 20px;
  	color: #333;
	}

label { display: block;
  		margin: 10px 0 5px;
  		color: #555;
		}
input, textarea { width: 100%;
				  padding: 10px;
				  border: 1px solid #ddd;
				  border-radius: 5px;
				  margin-bottom: 15px;
				  font-size: 14px;
				}
button { width: 100%;
		  padding: 12px;
		  background: #4CAF50;
		  color: #fff;
		  border: none;
		  border-radius: 5px;
		  font-size: 16px;
		  cursor: pointer;
		}
button:hover { background: #45a049; }
	
	
}