/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */
.banner-item .banner-caption{
	position: absolute;	
}

/* all banner caption */
.banner-item .banner-caption{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-family: 'Roboto';
}

/* banner number start from 0 */
/* banner caption no 1 */
.banner-item .banner-caption.id-0{
}

/* banner caption no 2 */
.banner-item .banner-caption.id-1{
}

@media screen and (max-width: 480px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */
	/* all banner caption */
	.banner-item .banner-caption{
	}

	/* banner number start from 0 */
	/* banner caption no 1 */
	.banner-item .banner-caption.id-0{
	}

	/* banner caption no 2 */
	.banner-item .banner-caption.id-1{
	}
    
    .intro {
        padding: 0px !important;
        overflow-x: auto;
}
    
    .font1 {
        font-size: 28px !important;
        font-family: 'Cuprum', sans-serif;
        color:#333 !important;

}
    
    .font2{
        font-size:16px;
        line-height:32px;
    }

    .font3{
        font-size:18px !important;
        font-weight:bold;
        font-family: 'Cuprum', sans-serif;
    }
    
    .color-change {
        filter: grayscale(0%);
        transform: scale(0.7) !important;
        transition: 0.3s;

}
    
    
    .txt-content {

    padding: 0px 20px;
    position: relative;
    z-index: 2;

}
    
    
    .btn-square {

    border-width: 1px;
    border-style: solid;
    border-color: #000 !important;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    transition: all .2s ease-in-out;
    margin-top: 30px;
    color: #000 !important;

}
    
    .btn-square:hover {

    text-decoration: none;
    background-color: #000 !important;
    color: #fff !important;

}
    
    
}