body.usercard{
padding:0;
}
#main{
background:none;
padding:0;
}
#youthcardcontent {
    background-image: url("/openimage/6341_korttipohja.png");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-top:1em;
}

#usercard-upper {
    height: 24em;
}

#youthcardcontent {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    font-size: large;
}

#qrimagediv {
    text-align: left;
   /* width: 50%;*/
}

@media only screen and (max-width: 600px) {
  #qrimagediv {
   /* width: 100%;*/
    text-align: center;
  }
}
#usercard-images{
    height:0;
    margin:0;
    padding:0;
    padding-bottom:100%;
    overflow:hidden;
}
#usercard-images > div{
    background-color:#ffffff;
    padding:0;
    margin:0;
    height:0!important;
    vertical-align:middle;
    padding-bottom:100%;
  
}
#username h3 {
    color: #FFFFFF;
}
/*
#username {
    width: 50%;
}

@media only screen and (max-width: 600px) {
  #username {
    width: 100%;
    text-align: center;
  }
}
*/
#usercard-lower {
    color: #3f3f3f;
    min-height:10em;
    padding-top:3em;
}


#header, #footer {
    display: none;
}