.div-a {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:100px; background-color:#CF0;}
.div-b {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:100px; background-color:#0C3;}
.div-c {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:1000px; background-color:#0C3;}
.div-d {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:300px; background-color:#906;}
/************/
@font-face {
  font-family: 'Century-Gothic';
  src:url(../fonts/GOTHIC.TTF); /* IE9 Compat Modes */
  src: url(../fonts/GOTHIC.TTF) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/GOTHIC.TTF) format('woff2'), /* Super Modern Browsers */
       url(../fonts/GOTHIC.TTF) format('woff'), /* Pretty Modern Browsers */
       url(../fonts/GOTHIC.TTF)  format('truetype'), /* Safari, Android, iOS */
       url(../fonts/GOTHIC.TTF) format('svg'); /* Legacy iOS */
}
/************/
.clear {clear: both;}
img {
	margin: 0px auto;
	padding:0px;
	width: 100%;
	border: 0px;
	outline: none;
	text-decoration:none;
	color:inherit;
	display:block;
}
a {
	margin: 0px auto;
	padding:0px;
	max-width: 100%;
	border: 0px;
	outline: none;
	text-decoration:none;
	color:inherit;
}

h1 {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Century-Gothic';
	background-color:#34ab34;
	font-size:20px;
    text-align:center;
	color:#f2ba41;
	font-weight:bold;
	text-decoration: none;
	line-height:25px;	
	
}
data {
	padding:1px 1px;
	margin: 0px 0px 0px 0px;
    font-family: 'Century-Gothic';
	font-size:12px;
    text-align:center;
	line-height:20px;
	font-weight: 300;
	color: #000000;
}

article h2 {
	font-family: 'Century-Gothic';
	font-size:17px;
    text-align:center;
	color:#000000;
	font-weight:300;
	line-height:20px;	
}

p {
	padding:0.5% 0px 0.5% 0px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	line-height:25px;
	font-weight: 300;
	color: #000000;
}
article {
	padding:2px 21px;
	margin: 0px 0px 0px 0px;
	font-size:17px;
    text-align:center;
	line-height:28px;
	font-weight: 300;
	color: #000000;
}
b {font-weight:bold}
/************/


/************/
body {
	padding:0px; 
	margin:0px; 
	width: 100%;
	height: 100%;
	font-family: 'Century-Gothic';
    text-align:center;
	background-image:url(../images/body.jpg);
	background-color:rgba(255, 255, 255, 0.5);
	color:#333333;
	background-size: cover;
	background-position: 50% 50%;
	color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.wrapper {padding:0px; margin:0px; width:100%; height:auto;}
/************/


/************/
.container {padding:0px 0px 0px 0px; margin:0px auto; width:960px; height:auto;}
/************/


/************/
.banner {padding:0px 0px 0px 0px; margin:0px auto; width:100%; height:auto; position: relative;}

.banner img {
    border: 0 none;
    color: inherit;
    display: block;
    margin: 0 auto;
    outline: medium none;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.banner-con {padding:2%; margin:0px auto; width:96%; height:auto; left:0px; position: absolute; top:0px;}
.logo {padding:0px; margin:19% 0px 0px 0px; width:400px; height:auto; display:block;}
.call {
    padding:12px;
	margin:0px auto;
	float:right;
	background-color:#34ab34;
	display:inline-block;
	font-size:30px;
	font-weight:bold;
	color:#f2ba41;
	text-decoration: none;
	text-align: justify;
	line-height: 25px;
	outline: none;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
    opacity:1.0;
	 -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.call:hover {
	position:relative;
    top:5px;
	box-shadow: 0px 5px 10px #000;
   -moz-box-shadow: 0px 5px 10px #000;
   -webkit-box-shadow: 0px 5px 10px #000;
	background-color: #f2ba41;
	color: #34ab34;
	opacity:2.0;	
}
.email {
  background-color: #34ab34;
  border-radius: 10px;
  color: #f2ba41;
  display: inline-block;
  float: right;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin: 25% auto 0;
  outline: medium none;
  padding:5px 15px;
  text-align: justify;
  text-decoration: none;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
    opacity:1.0;
	 -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.email:hover {
	position:relative;
    top:5px;
	box-shadow: 0px 5px 10px #000;
   -moz-box-shadow: 0px 5px 10px #000;
   -webkit-box-shadow: 0px 5px 10px #000;
	background-color: #f2ba41;
	color: #34ab34;
	opacity:2.0;	
}
/************/


/************/
.body-div {padding:15px 0px; margin:0px auto; width:auto; height:auto; background-color:rgba(225, 225, 225, 0.75);}
.body-div a {font-weight:bold; text-decoration:underline;}
.boder-1 {padding:0px 0px 0px 0px; margin:0px auto; width:auto; height:auto; border:solid 2px #000000; border-radius:5px;}
.left {float:left; text-align:left;}
.right {float:right; text-align:right;}
footer {padding:20px 0px; margin:0px auto; width:auto; height:auto; background-color:rgba(52, 171, 53, 0.5); text-align:center;}
.footer-but {
  background-color: #34ab34;
  border-radius: 10px;
  color: #f2ba41;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin:1% auto;
  outline: medium none;
  padding:8px 20px;
  text-align:center;
  text-decoration: none;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
    opacity:1.0;
	 -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.footer-but:hover {
	position:relative;
    top:5px;
	box-shadow: 0px 5px 10px #000;
   -moz-box-shadow: 0px 5px 10px #000;
   -webkit-box-shadow: 0px 5px 10px #000;
	background-color: #f2ba41;
	color: #34ab34;
	opacity:2.0;	
}
/************/


/************/
.div-1 {padding:0px 0px 0px 0px; margin:0px auto; width:60%; height:auto; float:left; /*background-color:#CF0;*/}
.div-2 {padding:0px 0px 0px 0px; margin:0px auto; width:40%; height:auto; float:left;/* background-color:#09C;*/}
.div-3 {padding:0px 0px 0px 0px; margin:16px; width:45%; height:auto; display:inline-block; vertical-align:top;}
.div-4 {padding:0px 0px 0px 0px; margin:14px; width:29%; height:auto; display:inline-block; vertical-align:top;}
/************/



/************/
.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
.image-1 {
  -webkit-transform:scale(1, 1);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:500ms;
  -moz-transform:scale(1, 1);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:500ms;
}
.image-1:hover {
  -webkit-transform: rotate(3deg) scale(1.18);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:750ms;
  -moz-transform:scale(1.18);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:750ms;
  overflow: hidden;
}
/************/



@media only screen and (min-width: 150px) and (max-width: 480px) {
.container {width:95%;}
.banner img {width: 100%; height:200px;}
.div-1 {padding:0px 0px 0px 0px; margin:2% auto; width:100%; height:auto; float:none;}
.div-2 {padding:0px 0px 0px 0px; margin:2% auto; width:100%; height:auto; float:none;}
.div-3 {padding:0px 0px 0px 0px; margin:5% auto; width:90%; height:auto; float:none;}
.div-4 {padding:0px 0px 0px 0px; margin:5% auto; width:90%; height:auto; float:none;}
.logo {margin:5px auto; width:200px;}
.logo img {width:200px; height:50px;}
.call {margin:5px auto; float:none; font-size:20px;}
.email {margin:5px auto; float:none; font-size:15px;}
h1 {padding:5px; font-size: 16px; line-height: 20px;}
article {font-size:12px; line-height: 21px; padding:1%}
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
.container {width:480px;}
.banner img {width: 100%; height:200px;}
.div-1 {padding:0px 0px 0px 0px; margin:2% auto; width:100%; height:auto; float:none;}
.div-2 {padding:0px 0px 0px 0px; margin:2% auto; width:100%; height:auto; float:none;}
.div-3 {padding:0px 0px 0px 0px; margin:5% auto; width:80%; height:auto; float:none;}
.div-4 {padding:0px 0px 0px 0px; margin:5% auto; width:60%; height:auto; float:none;}
.logo {margin:5px auto; width:200px;}
.logo img {width:200px; height:50px;}
.call {margin:5px auto; float:none; font-size:20px;}
.email {margin:5px auto; float:none; font-size:15px;}
h1 {padding:5px; font-size: 18px; line-height: 20px;}
article {font-size:14px; line-height: 22px; padding:1%}
}


@media only screen and (min-width: 801px) and (max-width: 1232px) {
.container {width:770px;}
.logo {margin:15% 0px 0px 0px;}
.email {margin:18% auto 0px 0px;}
}