﻿body {
    width:100%;
    margin: 0px;
    padding: 0px;
    font-family: 'Bitter', serif;
    background-image: url('../images/bodyBG.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
}
#mainBody a, #mainBody a:visited, #mainBody a:hover{
    text-decoration: none;
}
p, h1, h2, h3, h4, h5, ul, ol, #mainBody .btn{
    font-family: 'Bitter', serif;
    font-size: 18px;
}
#mainBody .btn {
    display: block;
    margin: 15px auto;
}
#mainBody p{
    font-size: 18px;
    margin: 15px 0px;
}
.topLogo{
    width:570px;
    max-width:100%;
    display:block;
    margin: 20px auto 0px;
}
.gameCounter{
    text-align: center;
}
#scene1, #scene2, #scene3{
    width:100%;
}
#divGame2{
    width:100%;
    display: none;
}
#divGame3{
    width:100%;
    display: none;
}
.products{
    width:100%;
}
#mainBody #btnHideAnswers {
    display: none;
}
#btnAnswers, #btnHideAnswers{
    width: 150px;
    background-color: #068b15;
    border-color: #068b15;
}
#btnAnswers:hover, #btnHideAnswers:hover{
    background-color: #056911;
    border-color: #056911;
}
#btnPrevious{
    width: 101px;
}
#btnNext{
    width: 101px;
}
.align-center{
    text-align:center;
}
.imgForSale{
    width: 150px;
    float: right;
}
h3{
    color: red;
    text-align:center;
    font-size: 28px;
}
.pSale{
    text-align:center;
}
#rowSale{
    border-top: #000 solid 1px;
    border-bottom: #000 solid 1px;
}
h1{
    font-size: 30px;
    text-align:center;
}
p{    
    text-align:center;
}
#rowFooter{
    background-color: #282828;
    width:100%;
    margin: 0px;
}
#rowFooter p{
    color: #fff;
}
hr{
    border-color: #000;
}
.iconSM{
    width: 80px;
    margin-left: 20px;
    transition: all ease-in-out 1s;
}
.iconSM:hover{
    transform: scale(1.2);
}
#divSM{
    float:right;
}