@media screen {
    * {
        font-family: Arial, Helvetica, sans-serif; 
    }
    
    html, body {
        height: 100%;
    }
    
    body a {
        text-decoration: none;
        color: #008665
    }
    
    body a:visited {
        text-decoration: none;
        color: #008665
    }
    
    .background {
        min-height: 100%;
        background-color: #D9D9D7
    }
    
    .component {
        margin-bottom: 0.75rem;
        padding-bottom: 0.75rem;
        background-color: #FFF;
    }
    
    img, video {
        width: 100%;
        height: auto;
    }
    
    
    .menu-caption {
        font-size: 14px;
        width: 60%;
    }
    
    .card {
        box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.08);
    }
    
    .qrContainer {
        position:fixed;
        width:60px;
        height:60px;
        bottom:20px;
        right:20px;
        background-color:#007256;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
    }
    
    body .qrContainer a {
        color:#FFF;
    }
    
    body .qrContainer a:hover {
        color:#FFF;
        text-decoration: none;
    }
      
    .qrButton {
        margin-top:14px;
    }
    
    body a.btn-primary,
    body a.btn-primary:active,
    body a.btn-primary:hover {
        background-color: #00654c;
        border-color: #003125;
        color: #FFF;
    }
    
    ul, ol {
        margin: 0 0 0 12px;
    }
    
    li {
        margin-bottom: 1.5px;
    }
    
    
}

@media print {
    .background * {
        height:100%; 
        margin: 0; 
        padding: 0;
        overflow: hidden;
        display: none;
    }
    
    .forprint {
        display: block !important;
        }

    .forprint {
        position: fixed; top: 40px; left: 30px;
    }
}