/* xs */

@media (max-width: 476px) {

    .account {

        display: none;

    }



    .site-logo img{

        display: none;

    }



    .texts {

        text-align: center;

        width: 400px;

        justify-self: center;

    }

}



/* md */

@media (min-width: 768px) {

    .account {

        display: block;

    }



    .site-logo img{

        display: block;

    }



    .texts {

        text-align: center;

        width: 800px;

        justify-self: center;

    }

}



.title {

    text-align: center;

}



.title2 {

    text-align: center;

    font-size: 25px;

}



.align-center {

    text-align: center;

}



.float-lg-right {

    margin-left: auto;

}





.bold {

    font-weight: bold;

}



.no-deco {

    text-decoration: none;

    color: #fff;

}



.com {

    background-color: #525252;

    text-decoration: none;

    color: #fff;

    padding: 2px 3px;

    border-radius: 5px;

}



.btnUp {

    text-decoration: none;

    color: #fff;

    background-color: rgb(72, 72, 72);

    padding: 5px 8px;

    border-radius: 5px;

    transition: 0.5s;

    &:hover {

        transition: 0.5s;

        cursor: pointer;

        box-shadow: #797979 2px 2px 20px;

    }

}



.btnUpC {

    text-align: center;

}