.site-main h1 {
    color: #fff;
    font-size: 100px;
}

.site-main .container{
    max-width: 1500px;
}
.line-sm{
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-bottom: 40px;
    margin-top: 40px; 
}

.months-border{ 
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa;
}

/* --- Linki i listy --- */
.site-main ul {
  list-style: none; 
  padding-left: 0;
  margin: 0;
}

.site-main li {
    display: inline-block;

    margin: 30px 30px 30px 0;
}
.site-main li:last-child {
    margin-right: 0;
}
li.posts-sitemap{
     display: block;
    margin-bottom: 20px;
}

/* --- Linki --- */
.site-main a {
    position: relative;
    text-decoration: none!important;
    color: #fff; 
    transition: color 0.3s ease;
    font-size: 30px;
}

.site-main a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 2px;
    background-color: #ddd;
    transition: width 0.3s ease;
}

.site-main a:hover {
    color: #ddd;
}

.site-main a:hover::after {
    width: 100%;
}

/* --- Breadcrumbs --- */
nav.breadcrumbs,
.site-main nav {
    font-size: 20px;
    color: #ddd;
    margin-bottom: 1.5rem;
}

nav.breadcrumbs a {
    position: relative;
    text-decoration: none;
    color: #ddd;
    transition: color 0.3s ease;
}

nav.breadcrumbs a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 1px;
    background-color: #fff;
    transition: width 0.3s ease;
}

nav.breadcrumbs a:hover {
    color: #fff;
}

nav.breadcrumbs a:hover::after {
    width: 100%;
}




.sm-breadcrumbs a{
    font-size: 26px;
    font-weight: 600;
}

@media (max-width: 1600px) {
.site-main .container{
    max-width: 1300px;
}
}
@media (max-width: 600px) {
 .site-main h1{
    font-size: 46px;
}


.site-main a {
    font-size: 20px;
}
.sm-breadcrumbs a{
    font-size: 26px;
    font-weight: 600;
}
.posts-sitemap a{
    font-size: 16px;
}
}