.logo {
    width: 80px;
    margin-right: 10px;
}
.name-school {
    font-size: 2rem;
}
.name-slogan {
    font-size: 1rem;
}
.sambutan{
    margin-left: 3vw;
}
.tulisan{
    font-size: medium;
}
.img-full{
    display: block; width: 100%;
    height: 170px; object-fit: cover;
    object-position: top; 
}
.foto-kamad{
    width: 250px;
}
.sampul{
    display: block; 
    width: 100%; 
    height: 570px; 
    object-fit:cover;
    object-position: top; 
}
@media (max-width: 768px) {
    .foto-kamad{
        width: 150px;
    }
    .logo {
        width: 40px;
        margin-right: 5px;
    }
    .name-school {
        font-size: 15px;
    }
    .name-slogan {
        font-size: 10px;
    }
    .tulisan{
        font-size: small;
    }
    .sampul{
        display: block; 
        width: 100%; 
        height: 270px; 
        object-fit: cover;
        object-position: top; 
    }
}