:root {
  --acte-bgcolor: #cbcfce;
  --acte-hover: #dcdfdf;
  --acte-color: #000;
}

body {font-family: 'Roboto', sans-serif}
#top .logo {background-color: #f0f1f2}
#top.container {background-color: #fff; color: #000; }
#top.container a {color:#000;}
#top h1 {margin-top: 1em; font-size: 25px}
#top h1 span {font-family:'Roboto', sans-serif;font-size: 0.85em; margin-bottom: 5px; margin-top: 5px;display: inline-block;}
#top h3 {line-height: 1.2; font-size: 20px; padding-bottom: 10px;}
/*.row.logo { color:red;background: transparent url(../img/logo.png) calc(100% - 30px) 10px no-repeat; }*/

.btn-primary {background: var(--acte-bgcolor); border-color: var(--acte-hover); color: var(--acte-color);}
.btn-primary:hover {background: var(--acte-hover); border-color: var(--acte-hover); color: var(--acte-color);}
#top .btn-primary, #top .btn-primary:hover, #top .btn-primary:focus {background-color: #000; border-color: #666; color:#fff; cursor:default;}

#acte {background: var(--acte-bgcolor); color: var(--acte-color);}
#acte h2 {font-size: 25px}
#acte h4{ font-weight: bold;}
#acte h4:not(:first-of-type) { margin-top: 2em;}
#acte a {color:#00f;}
#acte .table > thead > tr > th,
#acte .table > tbody > tr > td {border-color: #aaa}

@media (max-width: 466px) {
}

@media (max-width: 767px) {
  #top .logo {padding: 20px 10px;}
  #top .imatge {margin-top: 1em; }
  #top h1 {display: none;}
}
@media (min-width: 768px) {
}

@media (min-width: 1025px) {
}