@media(min-width:768px){
    .news-input{
        width:50%
    }
}

body::before{
    display: block;
    content: '';
    height: 70px;
}

a{
    text-decoration:none ;
    color: rgba(0,0,0,0.6);
}

.active {
    color: rgba(0, 0, 0, 0.8);
    border-bottom :1px solid #1e3799;
}

#m-nav a{
    text-decoration:none ;
    color: rgba(0,0,0,0.9);
}


#service .card:hover{
    border: none;
    box-shadow:1px 1px 4px rgba(0,0,0,0.2);
    transform: translate(0px, -6px);
}

#miniprog .card{
    background:rgba(249,249,249,1);
    border-radius:1px;
}

#case .card{
    border: none;
}

#case .card:hover{
    border: none;
    box-shadow:2px 2px 6px rgba(0,0,0,0.2);
    transform: scale(1.01);
}

#case .card img{
    border: none;
    border-radius:4px;
}

#case .card-body{
    padding: 0px;
}

.card-text{
    font-size: 0.9rem;
    line-height: 1.75rem;
    color:rgba(0,0,0,0.5)
}

#news .card{
    max-width: 24rem;
    margin: 1rem;
    padding: 1rem;
    border-radius:0;
    border: none;
}

#news .card p{
    margin: 0px;
}


#news .card p:nth-child(2){
    margin-top: 1rem;
    color:black;
}

#news .card p:nth-child(3){
    color: rgba(0, 0, 0, 0.6);
    font-size:0.9rem;
}

#news .card p:nth-child(4){
    color: rgba(0, 0, 0, 0.6);
    font-size:0.8rem;
    padding-top: 1rem;
}

#news .card p:nth-child(5){
    color: rgba(0, 0, 0, 0.6);
    font-size:0.8rem;
}

.fc{
    color: rgba(255,255,255,0.7); 
}

footer .ft{
    font-size: 1.2rem;
}
footer ul{
    padding: 0 ;
    color: rgba(255,255,255,0.7);
}

footer li{
    list-style-type: none;
    padding-bottom: 0.75rem;
}