body, html {
  height: 100%;
  margin:0;
  background:#000;
}

.bg {
  background-image: url("countryside-1149680_1280.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.mainDiv{
	font-family: 'Sarabun', sans-serif;
    position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -400px;
    width: 852px;
    height: auto;
}

.mainWrapper {
    background: rgb(35 35 35 / 70%);
    /*opacity: 0.7;*/
    border-radius: 32px;
}


.temperatura {
    font-size:40px; 
    font-weight:bold; 
    color:#fff; 
    text-align:center; 
    font-weight:bold; 
    padding-top:16px; 
}

.tc{
	font-size:60px;
	padding-top:16px;
	padding-bottom:16px;
}

.pritisak{
    font-size:30px;  
    color:#fff; 
    padding-top:16px;
}

.tabela tr td{
    font-size:30px;  
    color:#fff; 
    padding-top:16px;
    padding-left:16px;
}

.mt32{
	margin-top:32px;
}

.temperatura_x{
	background: rgb(0 0 0 / 30%);
}

.bela{ color:#fff; }
h4.bela{ margin-top: 5px; margin-bottom: 5px; padding-top: 12px; }
.center{ text-align:center; }

.polje{ float:left; width:64px; text-align:center; color:#fff; border:1px solid #3d3d3d; margin-right:4px; margin-bottom:8px; }

.wrapfooter {
    text-align: right;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 6px;
    padding-right: 14px;
    font-size: 13px;
}

.wrapfooter a{
	color:#fff;
}



@media only screen and (max-width : 992px) {
   body, html {
    height: 100%;
    width: 100% !important;
   }
   
.mainWrapper {
    background-color: #4c4c4c;
    opacity: 0.8;
    height: 520px;
}
   
.mainDiv {
    font-family: 'Sarabun', sans-serif;
    position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 600px;
}

.temperatura {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding-top: 8px;
}
   
.tc {
    font-size: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.tabela tr td {
    font-size: 20px;
    color: #fff;
    padding-top: 5px;
    padding-left: 5px;
}
   
}