body {
  background: url(images/troposcatter.png) no-repeat center center fixed;
  background-size: cover;
  text-align: center;
  margin:5%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:14px;
}

#content{
  border: 1px solid #fcfcfc;
  /* use background instead of opacity, so images will show without opacity */
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  
  /*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%;    
  margin-bottom:400px;
}

/*SSTV iframe*/
#sstv, #qso, #qrz, #awards, #qsomap, #qsl{
margin-top:20px;
max-width:1160px;
height:445px;
width:100%;
overflow:hidden !important;
}

.hellqso-container {
width: 100%;
height: 250px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom:5px;

}

.hellqso {
width: 98%;
height: 100%;
object-fit: cover; /* Ensures the image maintains the aspect ratio and covers the area */
object-position: center; /* Centers the image */
}

p {
margin:0;
}

#content td {
padding:10px;
vertical-align:top;
}

.vrza {
height:125px;
}

.hamtext {
font-style: italic;
padding:20px;
}

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

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

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


.thumbnail-award
{
height:222px;
width:auto;
max-width:unset;
}

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

#qsomap {
height:470px;
}

#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;
   }
   .sstv {
      width:95%;
   }

   #qrz {
      min-height:542px;
   }

   .xiegu {
      display: none;
   }
   .left {
      text-align: center;
   }
   .smallmobile {
     font-size:unset;
   }
   
   .vrza {
   display:none;
   }

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


.articlelinks, .articlelinks a, .articlelinks a:visited {
text-decoration:none;
font-size:12px;
}

.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;
}