/* Kontener */
.kontener
{
    background-image: url(../grafika/tlo.jpg);
    background-position: 200px ;
}

/* Nagłówek*/
header.start-header
{
    background-color: transparent;
    padding: 24px 0;
}

header.start-header .kontrast-czcionka
{
    justify-content: flex-end;
}

/*W3C*/
.w3c-logo {
    width: 82px;
    height: 31px;
    background: #ffcc66;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 35px, #ffcc66 35px, #ffcc66 100%);
    border: 1px outset #cccccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.w3c-logo span {
    display: block;
    text-align: left;
    width: 42px;
    overflow: hidden;
    font-family: 'Tahoma', sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    color: #000000;
}


.w3c-logo::before {

    content: "";
    background: url('../grafika/w3c.png') center center no-repeat;
        background-size: auto;
    width: 33px;
    height: 16px;
    background-size: 32px 16px;

}

.w3c-logo::after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 22px;
    color: #990000;
    margin: 5px 0px 0px 65px;
}


.kontener .stopka-walidacja
{
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Nawigacja */
.nawigacja-start
{
    display: flex;
    justify-content: center;
    width: 1232px;
    gap: 0 32px;
    height: 87vh;
}

.nawigacja-start .naszdom-logo, .nawigacja-start .zakatek-logo
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.nawigacja-start a
{
    text-decoration-color: transparent;
    transition: 0.4s;
}

.nawigacja-start a:hover 
{
    opacity: 0.6;
}

.nawigacja-start .naszdom-logo span, .nawigacja-start .zakatek-logo span
{
    color: black;
    text-align: center;
    font-family: 'Rubik', sans-serif;
}

.nawigacja-start .logo-tekst
{
    line-height: 28px;
    margin-left: 0;
}

.nawigacja-start img 
{
    margin-bottom: 16px;
}

.naszdom-logo:after 
{
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    margin-top: 24px;
    color: black;
}

.zakatek-logo:after 
{
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    margin-top: 24px;
    color: black;
}

.wybierz-placowke
{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.wybierz-placowke span
{
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
}

.wybierz-placowke:before 
{
    content: '';
    display: block;
    width: 1px;
    height: 174px;
    background-color: #d7d7d7;
}

.wybierz-placowke:after
{
    content: '';
    display: block;
    width: 1px;
    height: 174px;
    background-color: #d7d7d7;
}

/* Stopka */
.start-menu-dol .menu-menu-pod-stopka-1-poziom
{
    margin: 0 auto;
}

.kontener .stopka-dol
{
    width: 100%;
    max-width: 100%;
    padding: 40px 0;
    background: #413d3e;
}

.kontener .stopka-intermedia, .kontener .stopka-intermedia a
{
    color: white;
}