.logo
{
	width: 250px;
}

.container
{
	flex-grow: 1;
	margin-top: 15px;
	padding: 20px;
}

.text1
{
	text-align: center;
	font-weight: bold;
}

.puzzle
{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.btn-what
{
	display: inline-flex !important;  
	font-weight: bold !important;
	align-items: center !important; 
	background-color: rgba(245, 84, 44, 0.6) !important;
	color: black !important;
}

.btn-what:hover
{
	background-color: rgb(245, 84, 44) !important;
}
      
.btn-how
{
	display: inline-flex !important;  
	font-weight: bold !important;
	align-items: center !important; 
	background-color:  rgba(1,166,166,0.6) !important;/* Niestandardowy kolor tła */
	color: black !important;
	font-weight: bold !important;
}

.btn-how:hover
{
	background-color: rgb(1, 166, 166) !important;
}

.btn-adv
{
	display: inline-flex !important;  
	font-weight: bold !important;
	align-items: center !important; 
	background-color: rgba(29, 156, 225, 0.6) !important; /* Niestandardowy kolor tła */
	color: black !important;
	font-weight: bold !important;
}

.btn-adv:hover
{
	background-color: rgb(29, 156, 225) !important;
}

.btn-tech
{
	display: inline-flex !important;  
	font-weight: bold !important;
	align-items: center !important; 
	background-color:  rgba(60, 179, 113, 0.6) !important;/* Niestandardowy kolor tła */
	color: black !important;
	font-weight: bold !important;
}

.btn-tech:hover
{
	background-color: rgb(60, 179, 113) !important;
}

.btn-contact
{
	font-weight: bold !important;
	align-items: center !important; 
	background-color: rgb(248,177,51) !important;/* Niestandardowy kolor tła */
	color: black !important;
	border-radius: 20px !important;
}

.btn-contact:hover
{
	background-color: rgba(248,177,51, 0.6) !important;
}

.custom-width
{
	width: 220px; /* Ustaw dowolną szerokość */
}

.custom-contact
{
	width: 80%; /* Ustaw dowolną szerokość */
}

.double-height-single-line
{
	height: 80px; /* Ustaw wysokość według potrzeb */
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
  
.corobimy
{
    background-color: rgba(245, 84, 44, 0.6);
    /* border-style: double; */
    border-radius: 20px;
    padding: 10px;
    color: black;
}

.technologie{
    background-color: rgba(60, 179, 113, 0.6);
    border-radius: 20px;
    padding: 10px;
    color: black;
}

.gap{
    gap: 50px;
}

.navbar{
    flex-shrink: 0;
}

.navbar-collapse {
    display: flex;
    justify-content: flex-end; /* Wyrównanie do prawej */
}
  
.navbar .nav-link.link-what:hover,
.navbar .nav-link.link-what.active,
.navbar .nav-link.link-what[aria-current="page"] {
    color: rgb(245, 84, 44);
    font-weight: bold;
}

.navbar .nav-link.link-how:hover,
.navbar .nav-link.link-how.active,
.navbar .nav-link.link-how[aria-current="page"] {
    color: rgb(1, 166, 166);
    font-weight: bold;
}

.navbar .nav-link.link-adv:hover,
.navbar .nav-link.link-adv.active,
.navbar .nav-link.link-adv[aria-current="page"] {
    color: rgb(29, 156, 225);
    font-weight: bold;
}

.navbar .nav-link.link-tech:hover,
.navbar .nav-link.link-tech.active,
.navbar .nav-link.link-tech[aria-current="page"] {
    color: rgb(60, 179, 113);
    font-weight: bold;
}

.navbar .nav-link.link-contact:hover,
.navbar .nav-link.link-contact.active,
.navbar .nav-link.link-contact[aria-current="page"] {
    color: rgb(248,177,51);
    font-weight: bold;
}

.kontakt{
    background-color: rgb(248,177,51);
    border-radius: 20px;
    padding: 10px;
    color:black;
}

.copyright
{
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    font-size: 0.625rem;
}

.jakdzialamy
{
    background-color:  rgba(1,166,166,0.6);
    border-radius: 20px;
    padding: 10px;
    color: black;
}

.zalety
{
    background-color:  rgba(29, 156, 225, 0.6);
    border-radius: 20px;
    padding: 10px;
    color: black;
}