
.card {
    width: 100%;
}

h3.CName {
    border-bottom: 0px solid #d5d0c0;
    font-weight: bold;
}

h3.CName a{
    color: #FFF;
}

.CatName {
    background-color: #284F9E;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.padding {
    padding: 3rem;
}


.more-news{
	margin-left:15px;
}

.more-news li .NTitle:before {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\F105';
	margin: 0px 10px 0 -15px;
	font-size: 13px;
}

.view-more{
	text-align:right;
	font-style:italic;
    font-size: 0.9em;
	margin-bottom:20px;
}

.CatShow2 .CName{
	font-family: SourceSansPro, Arial, sans-serif;
	font-weight: 300;
	font-size: 26px;
	line-height: 1.4em;
	border-bottom: 1px solid #d5d0c0;
}
.NImg{
	margin-bottom:15px;
}

/*================================================*/
/*                    More News                   */
/*================================================*/
.more-news
{
    margin-left: 17px;
}

.view-more
{
    font-style:italic;
    font-size: 0.9em;
    text-align:right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.more-news li .NTitle:before 
{
    display:inline-block;
    font-family: 'FontAwesome';
    content: '\F105';
    margin: 0 10px 0 -15px;
    font-size: 13px;
}


.HeaderSubContent {
    background: rgba(242, 241, 235, 1);
    background: -moz-linear-gradient(left, rgba(242, 241, 235, 1) 0%, rgba(245, 244, 239, 1) 26%, rgba(245, 244, 240, 0) 29%, rgba(252, 252, 252, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242, 241, 235, 1)), color-stop(26%, rgba(245, 244, 239, 1)), color-stop(29%, rgba(245, 244, 240, 0)), color-stop(100%, rgba(252, 252, 252, 0)));
    background: -webkit-linear-gradient(left, rgba(242, 241, 235, 1) 0%, rgba(245, 244, 239, 1) 26%, rgba(245, 244, 240, 0) 29%, rgba(252, 252, 252, 0) 100%);
    background: -o-linear-gradient(left, rgba(242, 241, 235, 1) 0%, rgba(245, 244, 239, 1) 26%, rgba(245, 244, 240, 0) 29%, rgba(252, 252, 252, 0) 100%);
    background: -ms-linear-gradient(left, rgba(242, 241, 235, 1) 0%, rgba(245, 244, 239, 1) 26%, rgba(245, 244, 240, 0) 29%, rgba(252, 252, 252, 0) 100%);
    background: linear-gradient(to right, rgba(242, 241, 235, 1) 0%, rgba(245, 244, 239, 1) 26%, rgba(245, 244, 240, 0) 29%, rgba(252, 252, 252, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f1eb', endColorstr='#fcfcfc', GradientType=1);
}

.HeaderSub {
    width: 60%;
    display: inline-block;
    background-color: #f2f1eb;
    padding: 0px 30px 10px 0px;
    border-radius: 0px 100px 100px 0px;
    -moz-border-radius: 0px 100px 100px 0px;
    -webkit-border-radius: 0px 100px 100px 0px;
    border: 0px solid #000000;
}



/*================================================*/
/*                      RESPONSIVE            */
/*================================================*/

/*Extra small devices (phones, less than 768px) */

/* Small devices (tablets) */

@media (max-width:767px) {
     .HeaderSub {
        width: 100%;
    }
     .padding {
        padding: 1.5rem;
    }

}


/* Small devices (tablets, 768px and up) */

@media (min-width:768px) and (max-width:991px) {
    .HeaderSub {
        width: 80%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .padding {
        padding: 3rem;
    }

}

@media (min-width:1200px) {
    .padding {
        padding: 3rem;
    }

}
