.main-title {
    background-color: #72767c;
    color: #fff;
    text-align: center;
}
.main-title .text-lg {
    font-size: calc( 27.2px + 1.5vw );
    font-weight: 500;
    /*line-height: 1;*/
    /*height: 80px;*/
}
.title{ 
	font-weight: bold; 
	/*display: inline-block;*/
}

.bottom-padding {
    padding-bottom:60px;
}

.anchor-space[id]::before {
    content: "";
    display: block;
    margin-top: -59px;
    height: 59px;
    visibility: hidden;
}
/* --------------- content-list --------------- */
.content-data-template {
    display: none;
}

.contentList {
    padding-bottom: 30px;
}
.contentList .outline {
    border:1px solid #cccccc;
    padding:30px 10px 30px 10px;
    
    /*margin-left: 10px;*/
    margin-bottom: 30px;
}

.contentList .title {
	font-size: 18px;
}

.contentList .image {
    width:100%;
    max-width: 150px;
}

.contentList .format {
    padding-top:5px;
}

.contentList .header {
    padding-bottom: 15px;
}
.contentList .description {
	font-size: calc( 14px + 0.2vw );
    font-weight: 300;
    line-height: 1.5;
}

.contentList .afterinstall {
	font-size: calc( 14px + 0.2vw );
    font-weight: 300;
	color:#ff5588;
    line-height: 1.5;
}
/* --------------- content-list --------------- */

/*------------------------------------
            $Media Query
------------------------------------*/
@media screen and ( max-width: 991px ){
    .contentList .outline {
        /*width: 90%;*/
    }
}

@media screen and ( max-width: 500px ){
	/*------------------------------------
            	$General
	------------------------------------*/
	.navgation{ 
		padding-left: 0; 
		text-align: center;
		width: 100%; 
	}
	.cards .arrow img{ height: 40px; }
}