/* Large devices (laptops/desktops, 1024px and up) */
@media only screen and (max-width: 1024px) {
    .jumbotron h1{
        font-size: 16ch;
    }    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .jumbotron h1{
        font-size: 9ch;
    }

    .jumbotron h3{
        padding-top: 5rem;
    }

    .sec-content-porto h2 {
        font-size: 3ch;
    }

}

/* Extra small devices (phones, 426px and down) */
@media only screen and (max-width: 426px) {
    .jumbotron h1{
        font-size: 6ch;
    }

    .jumbotron h3{
        font-size: 2ch;
        padding-top: 7rem;
    }

    .sec-content-porto h2 {
        font-size: 2.5ch;
    }

    .content-youtube .card h1,
    .content-social .card h1,   
    .content-website .card h1, .content-event .card h1, .content-digital .card h1, .content-konsul .card h1 {
        font-size: 7ch;
    }

    .content-youtube .card h5,
    .content-social .card h5,   
    .content-website .card h5, .content-event .card h5, .content-digital .card h5, .content-konsul .card h5 {
        font-size: 1.8ch;
    }

    .content-youtube .card a,
    .content-social .card a,   
    .content-website .card a, .content-event .card a, .content-digital .card a, .content-konsul .card a {
        font-size: 1.6ch;
    }
}