body {
    /*font-family: "gotham";*/
    color: #111;
}
@font-face {
    /*font-family: 'gotham';*/
    /*src: url("../font/Gotham-Medium.otf");*/
}

@font-face {
    /*font-family: 'gotham-light';*/
    /*src: url("../font/Gotham-Light.otf");*/
}
section.main a {
    color: #111;
    font-weight: 900;
}

section.main a.bordered {
    border-bottom: 2px solid #111;
}

section.main p {
    /*font-family: 'gotham-light';*/
    font-size: 0.9rem;
}
.download .qr{
    min-width: 50%;
    width: 100px;
}
.download ol {
    /*font-family: 'gotham-light';*/
    padding-left: 17px;
    color: #777;
    font-size: 0.8rem;
    margin-bottom: 5px;
    text-align: left;
    text-shadow: 0px 0px 1px #000;
}
.img-container{
    margin-top: 1.5rem;
    z-index: -1;
}
.img-container img{
    max-height: 70vh;
}
/*.container{*/
/*    width: 100%;*/
/*    height: calc(100vh - 100px) !*100px - header-i height *!;*/
/*}*/
/*.container .container-fluid{*/
/*    height: calc(100vh - 100px) !*100px - header-i height*!;*/
/*    overflow-y: scroll;*/
/*}*/
/*.container .container-fluid::-webkit-scrollbar{*/
/*    width: 0px;*/
/*}*/
.modal.show {
    display: flex !important;
}

#getModal .modal-content {
    border-radius: 0;
    border: none;
    text-transform: uppercase;
}

#getModal .modal-header {
    background: #111;
    border-radius: 0;
    border: none;
    padding: 10px 15px;
}

#getModal .modal-header button {
    color: #fff;
    margin: 0;
    padding-right: 10px;
    font-size: 36px;
    opacity: 1;
    /*font-family: 'gotham-light';*/
}

#getModal .modal-body {
    background: #f7f7f7;
}
#getModal .modal-body  input{
    display: block;
    width: 220px;
    margin: 0px auto 25px;
    padding: 5px;
    font-size: 12px;
    /*font-family: 'gotham-light';*/
    border: 1px solid rgba(0,0,0,0.05);
}
#getModal .modal-body  button{
    width: 110px;
    padding: 5px 0px;
    font-size: 12px;
    border: 1px solid #111;
    border-radius: 0;
    background: transparent;
    color: #111;
    text-transform: uppercase;
}
#getModal .modal-body  button.inverse{
    background: #111;
    color: #f7f7f7;
}


/*@media only screen and (min-width: 768px){*/

/*    .img-container:not(.vr){*/
/*        margin-top:-20%;*/
/*    }*/
/*    .img-container img{*/
/*        max-height: none;*/
/*    }*/
/*}*/
@media only screen and (min-width: 992px){

    .img-container{
        position: relative;
        margin: 0;
    }
    .img-container img{
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media(max-width: 990px){
    .img-container{
        display: none;
    }
}