body { background-color:#E5F4D9; }

h1 { font-family: 'Vast Shadow', cursive; color:#0B723A; }

h2 { color:#0B723A; }

h1, h2, h3 { line-height:1.5em; }

p { line-height:1.75em; }

.tebel { font-size:large; margin-top:10px; text-align:center; }

.socmed { margin-top:20px; }

.socmed a { color:#0B723A; }

.socmed a:hover { text-decoration:none; color:#666; }

.home1 {
   padding-top:100px;
   background-image:url('image/topbg.jpg');
   background-position:center;
}

.home2 { padding-top:100px; padding-bottom:100px; background-color:#f0f0f0; }

.home3 { padding-top:100px; padding-bottom:100px; }

.home4 { padding-top:100px; padding-bottom:100px; }

.home5 { padding-top:100px; padding-bottom:100px; }

.footer {
   background-color:#0B723A;
   text-align:center;
   color:#FFF;
   padding-top:10px;
   padding-bottom:10px;
}

@media(max-width:768px) {
   body { margin-top:50px; }
   h1 { font-size:150%; }
   h2 { font-size:150%; }
   h3 { font-size:120%; }
   .home1 { padding-top:0; }
   .home3 { padding-bottom:25px; }
   .home4 { padding-top:25px; }
}

/* bounce */

.bounce {
    position: absolute;
    margin: auto;
    bottom: 62px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    -webkit-animation: bounce 2s infinite ease-in-out;
    color:#0B723A;
}

@-webkit-keyframes bounce {
	0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
    40%  { -webkit-transform: translateY(-20px); }
	80% { -webkit-transform: translateY(-10px); }
}

/* end bounce */