/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@font-face {
    font-family: 'Univers Next for HSBC';
    src: url('../fonts/UniversNextforHSBC-Light.woff2') format('woff2'), url('../fonts/UniversNextforHSBC-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Univers Next for HSBC', Arial, Helvetica, sans-serif;
    font-size:0.8rem;
    height: calc(100vh - 64px);
    display:flex;
    flex-direction:column;
}

.my-120{
    margin:120px 0;
}

main {
    flex: 1;
    background-image: url('../images/Red-Wave-2820x1200.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position:100% 0%;
}

.footer {
}

a{
    color:#000;
}

.linkEmphasis {
    font-weight: bold;
    text-decoration: underline;
}

h1{
    font-size:1.5em;
}

header img {
    width: 120px;
}

@media (max-width: 768px){
    header img {
        width: 100px;
    }
}

.btn {
    border: none;
    border-radius: 0;
    padding: 11px 24px;
}

.btn-primary {
    color: #fff;
    background-color: #db0011;
    padding:11px 24px; 
}

.btn-primary:hover {
    background-color: #af000d;
}

.btn-secondary{
    background-color:#fff;
    border:1px solid #000;
    color:#000;  
}

.card {
    border-radius: 0;
}

.apps img{
    height:45px;
}