body {
  background: url(images/bg-hell.png) no-repeat center center fixed;
  background-repeat: repeat;
  text-align: left;
  margin:5%;
  font-size:14px;

  display: flex;
  justify-content: center;
  align-items: center;
}

#content{
  border: 1px solid #fcfcfc;

  /* use background instead of opacity, so images will show without opacity */
  background: rgba(255, 255, 255, 0.9);
  border-radius: 5px;	
  justify-content: center;
  /*https://getcssscan.com/css-box-shadow-examples*/
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  overflow:hidden; /*iphone*/
  
  max-width: 1190px;
  width: 100%;
  padding-left:5px; 
  padding-right:5px; 
}

video {
border: 1px solid #cccccc;
border-radius: 5px;
}

p {
margin:0;
}

.longhell {
  display: flex;
  justify-content: center; /* Horizontally center the image */
}

.longhell img {
  max-width:600px;
  border:1px solid #cccccc;
  border-radius:3px;
  padding-top:4px;
}

.callink {
text-decoration: none;
}

.vrza {
height:125px;
}

.first {
margin-right:100px;
text-align:justify;
}

.big {
font-size:55px; margin:0
}

.thumbnail {
max-width:315px;
height:auto;
}

.thumbnail-test {
border: 1px solid black;
}

/*SSTV iframe*/
#sstv, #qso, #qrz, #awards, #qsomap, #qsl{
margin-left:15px;
margin-top:30px;
margin-right:15px;
max-width:1300px;
height:536px;
width:100%;
overflow:hidden !important;
}

#qrz {
height:490px;
}

.internetnl{
max-height:25px; 
width:auto;
}

iframe { border: none; }

.big {
font-size:55px;
}

.medium {
font-size:35px;
}

hr {
clear:both;
height:0;
border:0;
}

.left {
  text-align: left;
}

/*SSTV iframe*/
@media only screen and (max-width: 800px) {
   #content{
   margin-left:0; max-width:90vw;
   text-align: left;
   }
   .live {
      margin-left:0 !important;
      height:170px !important;
   }
   .xiegu {
      display: none;
   }
   .left {
      text-align: center;
   }
   .smallmobile {
     font-size:unset;
   }
   
   .vrza {
   display:none;
   }

   .first {
   margin-right:unset;
   text-align:center;
   }
}

.hellschreiber {
border: 1px solid #cccccc;
border-radius: 5px;
max-width:100%;
}

.pc1kshack {
width:90%;
max-width:530px;
height:auto;
border: 1px solid #cccccc;
border-radius: 5px;
}

.qrzaward {
width:100px;
height:auto;
border-radius: 5px;
background-color: white;
margin:3px;
border: 1px solid #cccccc;
}

.korenaer {
max-width:90%;
max-height: 400px;
width: auto;
}

table, th, td {
border-collapse: collapse;
border: 1px solid black;
padding: 2px;
text-align:center;
}
