/* || General styles testing*/

body {
    font-size:100%;
    background: #f1f1f1;
    color: #333333;
    margin-top: 6.5em;
    font-family: 'Poppins', sans-serif;
}

a{
  text-decoration: none;
}

.btn-link{
  text-decoration: none;
}

.break-word {
  word-break: break-all;
}

.header-background {
    background-color: #fff;
}

.navbar-nav{
    font-size: 1.05em;
}

.nav-main {
    color:  #444444;
    font-weight: 600;
    font-family: Georgia, serif;
}

.nav-profile {
    color:  #0d6efd;
    font-weight: 600;
    font-family: Georgia, serif;
}

.nav-main:hover {
    color: #0d6efd;
}

.link-root-page {
    color:  #444444;
    font-size: 1.2em;
    text-decoration: none;
}

.link-root-page:hover {
    color: #0d6efd;
    text-decoration: none;
}

.root-page-title {
    color:  #444444;
    font-weight: 600;
    font-family: Georgia, serif;
}

/* ||
.guides-col {
    background-color: #fbfcfc;
}
*/

.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 12px;
    transition: all 0.3s ease;
    color: white;
    font-size: 15px;
}


.icon-bar a:hover {
    background-color: #000;
}

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.reddit {
    background: #FF5700;
    color: white;
}


.telegram {
    background: #0088cc;
    color: white;
}

.footer-top {
    background-color: #90ADD6;
}

.footer-text-top{
    text-decoration: none;
}

.footer-bottom {
    background-color: #283E51;
}


/* Rules for different screen sizes */

@media only screen and (min-width : 300px) {
     body {font-size: .9rem;}
     .btn-casino-play{font-size: 0.8rem;}
     .btn-casino-review{font-size: 0.8rem;}
}

@media only screen and (min-width : 544px) {
     body {font-size: .9rem;}
     .btn-casino-play{font-size: 0.8rem;}
     .btn-casino-review{font-size: 0.8rem;}
}

@media only screen and (min-width : 768px) {
     body {font-size: .9rem;}
}

@media only screen and (min-width : 992px) {
     body {font-size: .95rem;}
}

@media only screen and (min-width : 1200px) {
     body {font-size: 1rem;}
}

@media only screen and (min-width : 1400px) {
     body {font-size: 1rem;}
    .container { max-width: 1140px; }
}

@media only screen and (min-width : 2000px) {
     body {font-size: 1.2rem;}
    .container { max-width: 1500px; }
}

@media only screen and (max-width : 644px) {
    .icon-bar {
        position: fixed;
        top: 97%;
        left: 32%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .icon-bar a {
        display: inline-block;
        text-align: center;
        padding: 12px;
        transition: all 0.3s ease;
        color: white;
        font-size: 0.9rem;
    }
}
