@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("section.css");
@import url("banner.css");
@import url("indexbelow.css");
@import url("products.css");
@import url("bluebar.css");
*{
	box-sizing:border-box;
	}
body {
	width: auto;
	margin: auto;
}


.fa{
	display:inline-block;
	text-align:center;
	width:20px;}
	
.zoom{
	cursor: pointer;
    transition: 0.1s linear;
}

.zoom:hover{
	cursor: pointer;
	transform: scale(1.2, 1.2);
	transition: 0.1s linear;
}

.container2 {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 3px;
  background-color: #007739;
  margin: 8px 3px;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.uwu-01 {
  max-width: 72px; 
  right: 7px;
}

/** icon socmed tepi **/
icon-ct,
icon-te,
icon-fb,
icon-in,
icon-ws,
icon-tt,
icon-tw,
icon-th{
	z-index:99;
	position:fixed;
	right: 10px;
	}

icon-ct:hover,
icon-te:hover,
icon-fb:hover,
icon-in:hover,
icon-ws:hover,
icon-tt:hover,
icon-tw:hover
icon-th:hover{
	opacity:0.8;
	}	


icon-ws{
	bottom: 428px;
	}
	
icon-te{
	bottom: 378px;
	}

icon-ct{
	bottom: 328px;
	}

icon-fb{
	bottom: 278px;
	}

icon-in{
	bottom: 228px;
	}

icon-tt{
	bottom: 178px;
	}

icon-tw{
	bottom: 500px;
	}

icon-th{
	bottom: 400px;
	}


@media only screen and (min-width: 1280px) and (max-width: 2400px) {
	
	icon-tw{
	bottom: 450px;
	}

    icon-th{
	bottom: 350px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1279px) {
	
	icon-tw{
	bottom: 285px;
	}

    icon-th{
	bottom: 215px;
	}
	.uwu-01 {
  	max-width: 62px; 
	}
	
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	icon-tw{
	bottom: 400px;
	}

    icon-th{
	bottom: 325px;
	}
	.uwu-01 {
  	max-width: 62px; 
	}
	
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
	
	icon-tw{
	bottom: 450px;
	}

    icon-th{
	bottom: 385px;
	}
	
	.uwu-01 {
  	max-width: 52px; 
	}
	
}