nav{
    font-size: 3vh !important;
}

body {
    font-family: 'Bitter';
}

@media screen and (max-width: 750px) {
    nav {
        font-size: 2vh !important;
    }
    #rubrik{
        font-size: 3vh !important;
    }
    #cardtext{
        padding-top: 25% !important;
        font-size: 3vh !important;
    }
    
    #cardtext2{
        padding-top: 6% !important;
        font-size: 5vh !important;
    }
}

#bread{
    padding-left: 5% !important;
    padding-right: 5% !important;
    font-size: 3vh;
}

#limpa{
    padding-left: 5% !important;
    padding-right: 5% !important;
    font-size: 3vh;
}

#baguette{
    padding-left: 5% !important;
    padding-right: 5% !important;
    font-size: 3vh;
}

.row{
    --bs-gutter-x: 0;
}

#cardtext{
    padding-top: 24%;
    font-size: 5vh;
}

#cardtext2{
    padding-top: 16%;
    font-size: 7vh;
}

#rubrik{
    font-size: 5vh;
}

#rubrik2{
    font-size: 5vh;
}

#rubrik3{
    font-size: 5vh;
}

a:link { 
    text-decoration: none; 
  } 
  a:visited { 
    text-decoration: none; 
  } 
  a:hover { 
    text-decoration: none; 
  } 
  a:active { 
    text-decoration: none; 
  }