html {
    scroll-behavior: smooth;
} 
h1
{
    /*display:block;*/
    font-size: 35px !important;
}
.l1
{
    color: red;
    display: inline-block;
}
.l2
{
    display: inline-block;
}
.opis
{
    font-size: 20px;
}
.onas
{
    padding: 10px;
    background-color: white;
    font-size: 20px;
    color: #868383;
    text-align: center;
    text-align: justify;
}
.ttel
{
	display: inline-block;
}
.onas > h1
{
    margin: 20px;
    text-align: center;
}
 

.b-onas
{
    font-size: 20px;
    font-family: 'Exo', sans-serif;
}
hr
{
    width: auto;
    height: 20px;
    background-color: #868383;
}
.pozycje
{
    margin-bottom: 20px;
    margin-top: 10px;
}
.pozycja
{
    text-align: center;
}
.tytul
{
    text-align: center;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    padding: 20px;
    background-color: #afafaf !important;
    color: aliceblue;
    box-sizing: border-box;
}
.logo
{
    background-color: #cfcfcf;
    width: 80px;
    margin: auto;
    padding: 5px;
    border-radius: 50px;
}
.wycena
{
    margin-top: 10px;
    text-align: center;
    border: 10px solid  #868383;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}
@media (max-width: 767px) 
{
    .wycena
    {
        border: 0px solid #868383;
    }        
} 
.wycena > h3
{
    background-color: #afafaf;
    color: white;
    border-radius: 10px;
    padding: 5px;
}
input
{
    margin-top: 10px;
}
.g-recaptcha
{
    width: 304px;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}
input[type=submit]
{
    background-color:  #afafaf !important;
    border-radius: 40px;
    font-size: 25px;
    border: 5px solid  white !important;
    box-sizing: border-box !important;
}
input[type=submit]:hover
{
    background-color: white !important;
    color:  #868383 !important;
    border: 5px solid  #868383 !important;
    border-radius: 40px;
    font-size: 25px;
    box-sizing: border-box;
}
footer
{
    background-color: #868383;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    
}
footer > a
{
    color: aliceblue !important;
    font-size: 15px !important;
}
footer > a:hover
{
    text-decoration: none;
}
.ico
{
    display: none;
}
.wycena
{

    width: 100%;
	text-align:center;
    color:  #afafaf !important;

}
.wycena > a:hover
{
    color:  #868383 !important;
}
.wycena > ul
{
	text-align:center;
    text-align: left;
    font-size: 20px;
    color: black;
}
.wycena > p
{
	text-align:center;
    margin-top: 20px;
    text-align: left;
    font-size: 20px;
    color: black;
}


#wycena
{
    margin-top: 15px;
}
.infor
{   
    width: 300px !important;
    padding: 10px !important;
    text-align: center !important;
    margin: auto !important;
    margin-top: 15% !important;
    border: 5px solid #868383 !important;
    border-radius: 100px !important;
}
table
{
    text-align: center;
    font-size: 15px;
    margin: auto;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.infor > a
{
    color: #afafaf;
}
.infor > a:hover
{
    text-decoration: none;
    color: #868383;
}
::-webkit-input-placeholder {
color: black !important;
}
:-moz-placeholder { 
color: black!important ;
}
::-moz-placeholder { 
color: black !important;
}
:-ms-input-placeholder {
color: black !important;
}
h4
{
    text-align: center;
}
.tel
{
    padding: 10px;
    color: aliceblue;
    text-align: center;
    font-size: 40px;
    padding-top: 40px;
    padding-bottom: 40px;;
}
@media (max-width: 991px) 
{
    .tel
    {
        font-size: 30px;
    }        
}  
.infom
{    
    height: autoo !important;
    width: 100% !important;
    margin: auto;
    padding-bottom: 30%;
    padding-top: 40%;
    text-align: center;;
}
.infom > h1
{
    margin-bottom: 20px;
    color:  #868383;
}
.infom > a
{
    font-size: 30px;
    color:  #afafaf;
}
.infom > a:hover
{
    text-decoration: none;
    color:  #868383;
}

.onash > h1
{
    font-size: 80px !important;
    text-align: center;
}  



@media (max-width: 991px) 
{
    #onas > p
    {
        float: left;
        font-size: 20px;
        padding: 15px;
        font-family: 'Oswald', sans-serif;
        box-sizing: border-box;
        text-align: center;
    }
} 
@media (min-width: 991px) 
{
    #onas > p
    {
        float: left;
        font-size: 30px;
        padding: 15px;
        font-family: 'Oswald', sans-serif;
        box-sizing: border-box;
        text-align: center;
        line-height: 55px;
    }  
} 

#onas > p > a
{
    color: #afafaf !important;
}
#onas > p > a:hover
{
    color:  #868383 !important;
    text-decoration: none;
}
#onas_img
{
    float: right;
}
.wycena
{
	text-align: center !important;
	list-style-position: inside;