html {
    font-family: "Quicksand", sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body 
{
    width:100%;
    position: relative;
    float:left;
    padding:0;
    margin:0;
}
button {font-family: "Quicksand", sans-serif;}

.pb-0 {padding-bottom:0 !important;}
.pt-0 {padding-top:0 !important;}
.pt-40 {padding-top:10%;}

a, a:hover, a:focus, a:visited {text-decoration:none;}

.gameplay_bg.memory {height:100vh !important;}
.container 
{
    max-width:640px;
    width:100%;
    height:100%;
    position: relative;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.btn_holder
{
    max-width: 540px;
    width:100%;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    
}

.btn
{
    width:100%;
    background-color: #c72cae;
    border-radius: 25px;
    color:#ffffff;
    font-weight: 700;
    font-size:22px;
    text-align:center;
    padding: 20px 0;
    cursor:pointer;
    transition: .4s ease;
    position: relative;
    float: left;
}

.btn:hover 
{
    -webkit-box-shadow:  3px 3px 15px 3px  rgba(62, 32, 104,.75);
    -moz-box-shadow:  3px 3px 15px 3px  rgba(62, 32, 104,.75);
    box-shadow:  3px 3px 15px 3px  rgba(62, 32, 104,.75);
}

.game_logo
{
    width:500px;
    margin:0 auto;
}
.game_logo img, .postgame img {width:100%; }
.postgame
{
    max-width:120px;
    width:100%;
    position: relative;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    padding:20px 0; 
    /* height: 50px; */
}

.postgame-page .container
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
.modal
{
    width:80%;
    position: relative;
    /* top:40%;
    left:50%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%); */
    background-color:rgba(58, 26, 109, 0.75);
    padding:30px 20px;
    border-radius:25px;
    margin-top: 50px;
    /* overflow: hidden; */
}

.modal h3::after
{
    border-bottom:0 !important;
    padding-top:0 !important;
}

.back_to_games
{
    width:100%;
    position: relative;
    float:left;
    padding:20px 0;
}

.back_to_games a
{
    display: flex;
  align-items: center; 
}

.back_to_games .btg_icon
{
    width:25px;
    height:25px;
    position: relative;
    background-image: url('../images/back_btn.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    flex: 0 0 25px;
    display: flex;
  align-items: center;
  justify-content: center;
}

.back_to_games a:hover .btg_icon
{
    background-image: url('../images/back_btn_over.svg');
}

.back_to_games p
{
    padding-left:10px;
    color:#c72cae;
    font-weight:700;
    font-size:18px;
    flex:0 0 auto;
}

@media only screen and (min-width: 1700px)
{
    /* .gameplay_bg.pregame {height:100vh;} */
    /* .back_to_games {display: block;} */
}

@media only screen and (max-width: 1699px) {

}

@media only screen and (max-width: 560px) {
    .game_logo {width:100%;}
    .gameplay_title h3 {font-size: 30px !important;}
    .gameplay_title {font-size: 20px !important;}
}