@import url(teks.css);
@import url(produk.css);
@import url(Video.css);

.info {grid-template-columns:1fr 3fr;}
.info h3 {margin:10px 0px 5px 0px; font-size:20px;   text-transform:uppercase; font-weight: 400;}
.info p {margin-bottom:10px;}
.selengkapnya a {   width:100px; text-align:center; padding:10px; font-weight:bold; display:block; margin:0px;background: #333; color:#fff;}
.selengkapnya a:hover { background:#000; color:#FFF; }


.teks3 strong { margin:0px; clear:both;  font-size:30px; }
.teks3 p {margin:0px;}

.hubungikami { display:block; margin:20px 0;color:white; padding:20px; text-align:center; width:200px; font-size:18px; text-transform:uppercase; background: #209a64;}
.hubungikami:hover{background:#333; color: white;}

.recentnews {color: #706f6f;grid-gap: 10px;}
.recentnews h3 { margin:5px 0px; font-size:18px; font-weight: 400;color: #333;}
.recentnews a {   width:140px; text-align:center; padding:10px;  display:block;background: #209a64; color:#FFF; font-size: 11px;}
.recentnews a:hover { background:#44322E; color:#FFF; }

.more a {  color:#209a64;}
.more a:hover { color:44322E; }

.album img {
	transform: rotateY(0deg);
    transition: all 0.5s linear;
}
.album img:hover {
	transform: rotateY(180deg);
	transition: all 0.5s linear;
	backface-visibility:visible;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.album li {
	text-align: center;
	color: white;
	background: #242424;
}
.album li:hover {
	background: #000;
	color: #209a64;
}

@media (max-width: 768px)
{
	.kotakinfo {grid-template-columns:1fr;}
	.recentnews {grid-template-columns:1fr;}
	.album {grid-template-columns:1fr 1fr;}
}
@media (min-width: 768px)
{
	.kotakinfo {grid-template-columns:1fr 1fr 1fr;}
	.recentnews {grid-template-columns:1fr 1fr 1fr;}
	.album {grid-template-columns:1fr 1fr 1fr 1fr;}
}
@media (min-width: 992px)
{

}