@font-face {
    font-family: 'Myriad';
    src: url(../assets/shared/fonts/myriadpro/MyriadPro-Regular.otf);
}

@font-face {
    font-family: 'Myriad Bold';
    src: url(../assets/shared/fonts/myriadpro/MyriadPro-Bold.otf);
}
body
{
    background: #006336;
    color: #fff;
    font-family: "Myriad";
    margin: 0;
}
div
{
    padding-top: 20px;
}
ul
{
    padding: 0 10px;
}
li 
{
    list-style-type: none;
}
li, span 
{
    line-height: 1.3;
    margin-bottom: 5px;
}
h4 
{
    margin: 20px 0 0 0;
}
#wrapper 
{
    position: relative;
    display: block;
    text-align: center;
    padding: 20px;
    z-index: 1;
}

.bg-mobile, .bg-desktop {
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 0;
    height: 100%;
    width: 100%;
}
#ante-bonus, #aces-bonus {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
#aces-bonus { 
    margin-bottom: 20px;
}
#legal .header {
    font-size: 20pt;
}
.sidebet-left {
    display: inline-block;
    float: left;
    width: 85%;
    padding: 0;
    margin: 0;
}
.sidebet-right {
    display: inline-block;
    float: right;
    width: 15%;
    padding: 0;
    margin: 0;
}
.sidebet-left li {
    padding: 0;
    margin: 0;
    text-align: left;
}
.sidebet-right li {
    padding: 0;
    margin: 0;  
    text-align: right;
}

@media (orientation: landscape) 
{
    .bg-mobile {
        display: none;
    }
    .bg-desktop {
        display: block;
    }
}
@media (orientation: portrait) 
{
    .bg-desktop {
        display: none;
    }
    .bg-mobile {
        display: block;
    }
}