/* SECTION */

.national-wrapper{
max-width:1100px;
margin:auto;
padding:40px 20px;
border-top:1px solid #ddd;
}


/* TITLE */

.national-title{
font-size:30px;
font-weight:bold;
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
position:relative;
}

.national-title:after{
content:"";
width:70px;
height:4px;
background:#d40000;
position:absolute;
left:0;
bottom:-2px;
}


/* HERO NEWS */

.national-hero{
margin-bottom:35px;
}

.national-hero img{
width:100%;
height:260px;
object-fit:cover;
border-radius:6px;
margin-bottom:12px;
}

.national-hero h3{
font-size:26px;
line-height:1.4;
font-weight:600;
}

.national-hero a{
text-decoration:none;
color:#111;
transition:0.3s;
}

.national-hero a:hover{
color:#d40000;
}


/* GRID NEWS */
.national-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:25px;
}

.national-item img{
width:100%;
height:160px;
object-fit:cover;
border-radius:6px;
}

.national-item h4{
margin-top:8px;
font-size:16px;
line-height:1.4;
}

.national-item a{
text-decoration:none;
color:#111;
}

.national-item a:hover{
color:#d60000;
}


/* TABLET */

@media(max-width:992px){

.national-hero img{
height:220px;
}

}


/* MOBILE */

@media(max-width:768px){

.national-wrapper{
padding:20px;
}

.national-title{
font-size:26px;
}

.national-hero img{
height:200px;
}

.national-hero h3{
font-size:22px;
}

.national-grid{
grid-template-columns:1fr;
gap:18px;
}

.national-item img{
height:180px;
}

}