@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)
{
	
/* VIDEO EDIT START */

.vided {background: url( "../images/background8.webp");
    	font-size: 7rem;
    	background-position: 0 0 ;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: #5b728a54;
		animation: animatedOne 5s cubic-bezier(0, 0, .27, 1.01) infinite alternate;
		animation-timing-function: ease-out;}
@keyframes animatedOne {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}

.introbox {padding:50px;}
/* VIDEO EDIT 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) 
{ 
	
/* VIDEO EDIT START */
.vided {background: url( "../images/background8.webp");
    	font-size: 5rem;
    	background-position: 0 0 ;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: #5b728a54;
		animation: animatedOne 5s cubic-bezier(0, 0, .27, 1.01) infinite alternate;
		animation-timing-function: ease-out;}
		
@keyframes animatedOne {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}
	
.introbox {padding:50px;}	
/* VIDEO EDIT 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) 
{

/* VIDEO EDIT START */
.vided {background: url( "../images/background8.webp");
    	font-size: 4rem;
    	background-position: 0 0 ;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: #5b728a54;
		animation: animatedOne 5s cubic-bezier(0, 0, .27, 1.01) infinite alternate;
		animation-timing-function: ease-out;}
		
@keyframes animatedOne {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}
	
.introbox {padding:50px;}
	
/* VIDEO EDIT 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) 
{

/* VIDEO EDIT START */
.videdtext  { text-decoration: underline;}
	
.vided {background: url( "../images/background8.webp");
    	font-size: 4rem;
    	background-position: 0 0 ;
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: #5b728a54;
		animation: animatedOne 5s cubic-bezier(0, 0, .27, 1.01) infinite alternate;
		animation-timing-function: ease-out;}
		
@keyframes animatedOne {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}

.introbox {padding:50px;}
/* VIDEO EDIT 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; }

	
	
}