table {
    width: 100%;
  }

  html,
body {
    height: 100%;
}

#logoContainer{
    background-color: #004333;
    height: 100%;
    width: 100%;
}

#loaderImg{
    max-width: 600px;
    width: 100%; 
}

.hidden {
    visibility: visible;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
  }

.header img{
    max-width: 100%;
}

#mainElement, #mainQrElement{
    background-color: #004333;
    height: 100%;
}

.card-body{
    background-color: #f3f3f3;
    color: #54595F;
    font-weight: bold;
}

.card-text{
    text-align: justify;
}

i{
    color: #8CBE4B;
}

#contactForm{
    color: #000000;    
}

#qrcode, #qrcodeGenerator{
    background-color: #f3f3f3;
    border: 1px solid black; 
}

main{
    background-color: #f3f3f3;
    height: 90%;  
}

#qrcodeGenerator{
    max-width: 146px;   
}