@media (max-width: 300px) { 
    section{
        font-size: 12px;
    }
}
@media (max-width: 400px) { 
    section{
        font-size: 13px;
    }
}
section h3{
    font-size: 2em;
}
#client-section{
    text-align: right;
}
section#footer-section,
section.full-panel{
    box-shadow: 0 0 150px 30px #000;
}
#rai-chat .rai-chat-row .rai-chat-message .rai-chat-state,
#banner-offer .rai-chat-message .rai-chat-state .rai-chat-send, 
#banner-offer .rai-chat-message .rai-chat-state .rai-chat-hour{
    color: var(--restaurant) !important;
}
body.dark #banner-offer #rai-chat .rai-chat-row.rai-chat-sender .rai-chat-row-data .rai-chat-button,
body.dark #rai-chat .rai-chat-row.rai-chat-owner .rai-chat-message,
body.dark #rai-chat .rai-chat-row.rai-chat-sender .rai-chat-message{
    background: #000;
}
body.dark #banner-offer .rai-chat-row-head{
    color: #000;
}
#client-section h2{
    /*text-align: right;*/
    font-size: 3em;
    font-weight: bold;
    line-height: 1.1em;
}
body.home #button-box .darkModeChange{
    background: rgba(0,0,0,.3);
    border: none;
}
#logo-rspot-online-contaier{
    text-align: left;
    position: absolute;
}
#logo-rspot-online{
    height: 60px;
    width: 60px;
}
.motto{
    font-size: 1.5em;
    line-height: 1em;
}
.motto-2{
    font-size: 1.2em;
    line-height: 1em;
}
#client-section .btn{
    /*display: block;*/
}
.btn{
    border-radius: 0px;
/*    border-radius: 50px;
    border-bottom-right-radius: 0px;*/
}
.btn-light{
    /*background:*/
}

#client-section .section-container{
    height: 100%;
    position: relative;
}
#client-section .section-container h1{
    
/*    position: absolute;
    bottom: 5px;*/
    font-size: 3.5em;
    /*text-align: center;*/
    /*display: block;*/
    /*left: 15px;*/
    /*width: 95%;*/
    line-height: 1em;
}
#client-section .section-container h1 strong{
    font-size: 1.2em;
    font-weight: bold;
}
.section-bottom,
.bottom-container{
    position: absolute;
    bottom: 10px;
    /*right: 50%;*/
    left: 0px;
    text-align: left;
    width: 100%;
    padding-left: 70px;
}
#bg{
    /*display:none;*/
}

/*//section restaurant*/
.section-bottom-right{
    position:absolute;
    right: 0px;
    bottom:0px;
}
.section-bottom-left{
    position:absolute;
    left: 0px;
    bottom:0px;
}
section h1{
    font-size: 3em;
}
section h2{
    font-size: 2em;
}
#restaurant-section .section-bottom-right{
    transform: rotate(90deg);
    transform-origin: right bottom;

    white-space: nowrap;
    position: absolute;
    right: 80px;
    bottom: 30px;
}
#restaurant-section{
    text-align: right;
}

#deliver-section{
    /*text-align: right;*/
}
#deliver-section .section-bottom-left{
    position: absolute;
    left: -15px;
    bottom: 30px; 

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    white-space: nowrap;
}
.app-screen-container{
    padding-left: 10px;
    position: relative;
    
}
#client-section-2 .app-screen-container .app-screen{
    max-width: 100%;
}
#logowanie-fb-google span,
#logowanie-fb-google{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#logowanie-fb-google{
    gap: 1em;
}
#logowanie-fb-google span i{
    font-size: 2em;
}
#restaurant-section-2 .app-screen-container{
    margin-top: 3em !important;
    padding: 0px;
}
.hash{
    font-weight: bold;
}            
#restaurant-section-2 #banner-offer{
    position: relative;
    padding-left: 0px;
}
#restaurant-section-2 #banner-offer #rai-chat-container{
    max-width: 100% ;
    padding-left: 0px;
}
#restaurant-section-2 #app-project-list .app-screen{
    width: 100%;
}
#restaurant-section-2 #app-project-container{
    padding-left: 10px;
}
#restaurant-section-2 #app-project-container,
#restaurant-section-2 #app-project-list{
    /*left: 0px;*/
    /*margin-top: 50px;*/
    /*position: absolute;*/
    /*width: 42%;*/
}
#restaurant-section-2 #app-project-list{
    width: 100%;
    max-width: 100%;
}
#restaurant-section-2 #banner-offer #rai-chat-container{
    position:relative;
}
#deliver-section-2 .app-screen-container{
    margin-top: 50px;
}
#deliver-section-2 .section-bottom{
    bottom: -140px;
    padding-left: 10px;
}
#app-announce-szukam-pracy{
    position:absolute;
    top: 215px;
    left: 0px;
    width: 70%;
}
#app-announce-zatrudnie{
    position:absolute;
    top: 60px;
    left: 80px;
    width: 70%;
}

#app-announce-list{
     width: 60%;
}
.app-screen{
    max-width: 80%;
}
.app-screen-zoom{
    max-width: 80%;
/*    box-shadow: 0 0 5px 0px rgba(0,0,0,.2); 
    border-radius: 5px;
    border: 1px solid #555;*/
}

#input-container-employ .btn-group{
    flex-direction: row;
    flex-wrap: wrap;
}
@media (max-width: 400px) { 
    #app-announce-szukam-pracy{
        position:absolute;
        top: 180px;
        left: 0px;
        width: 70%;
    } 
    #app-announce-zatrudnie{
        position:absolute;
        top: 60px;
        left: 80px;
        width: 70%;
    }
}
/*@media (max-width: 600px) { 
    #input-container-employ .btn-group{
        gap: 5px;
    }
}*/
#input-container-employ .btn-group{
    gap: 5px;
}
#input-container-employ .btn-group .btn{
    /*border-radius: 5px !important;*/
}
#rai-chat .rai-chat-row.rai-chat-sender .rai-chat-message{
    background: #fff;
}
#banner-offer .btn{
    /*color: #ff0000;*/
     background: #ff0000;
}