body {
    color: gray;
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
    padding: 0 auto;
}
#thistle {
    width: 100%;
    text-align: center;
}
#thistle p {
    margin: 0;
    padding: 0;
}
h3{
    display: block;
    width: auto
}
#rect1 {
    margin: 1em;
    padding: 1em;
}
#rect3 {
    margin: 1em;
    padding: 1em;
}
.svg {
    width: 90%;
    margin: 0;
    padding: 0;
}
.tempnuffer{
    display: inline-block;
    padding: 1em .2em;
}
h3 .senaste {
    color: #000;
}
h3 .senaste_nast {
    color: #555;
}
h3 .senaste_nast_nast {
    color: #888;
}
#ruta {
    border: thin red dotted;
}
.tempi {
    width: 80%;
    margin: 0 auto;
    padding: 0 auto;
    font-size: 1rem;
}
.dygn {
    margin-left: -11em;
}
input[type=text]{
    width: 100%;
    height: 3em;
}
.upp {
    background: rgba(0,0,0,.04);
    padding: 1.5em;
}
/* .laddaom { */
/*     background: rgba(0,0,0,.05); */
/*     padding: 1.5em; */
/* } */
/* .upps { */
/*     position: relative; */
/*     background: rgba(0,0,0,.04); */
/*     bottom: 5.5em; */
/*     right: 6em; */
/*     padding: 1.5em; */
/* } */
/* .laddaoms { */
/*     position: relative; */
/*     background: rgba(0,0,0,.05); */
/*     bottom: 5.5em; */
/*     right: 3em; */
/*     padding: 1.5em; */
/* } */
.vadret {
    max-width: 200px;
}
.plotdiv {
    display: inline-block;
}
.vaxthuset_dygn, .vaxthuset {
    background-image: url(/images/vaxthuset_temp.svg);
    background-repeat: no-repeat;
}
.varmvattnet_dygn {
    background-image: url(/images/varmvattnet_temp.svg);
    background-attachment: relative;
    background-position: 1%;
    background-repeat: no-repeat;
}
.varmvattnet {
    background-image: url(../images/varmvattnet_tot.svg);
    background-position: -40px;
    background-repeat: no-repeat;
}
.utetemp_dygn, .utetemp{
    background-image: url(/images/ute_temp.svg);
    background-repeat: no-repeat;
}
/* Exact width */
@media (min-width: 300px) {
    div.querytest {
        border: thick solid red;
    }
}

/* Minimum width */
@media (min-width: 400px) {
    div.querytest {
        border: thick solid yellow;
    }
}

/* Maximum width */
@media (min-width: 668px) {
    div.querytest {
        border: thick solid green;
    }
}

.translink {
  position: fixed;
  top: 70vh;
  right: 0vh;
  z-index: 99;
  font-size: 2rem;
  float: right;
}