section#footer {
    position:relative;
    width:100%;
    background:#2060C2;
    color:white;
    text-align:center;    
    padding:50px 0 0 0;
    
    margin-top:132px;
}

section#footer div[divisor-decoration] {
    position:absolute; 
    top:-131px; 
    left: 0; 
    width:100%; 
    height:132px;
    background:var(--pallete-blue);
    clip-path: polygon(0 0, 100% 90%, 100% 100%, 0 100%);
}

div#footer-elements {
    display:flex;
    justify-content: center;
    align-items:center;
    flex-wrap: wrap;
}

div#footer-elements div.decoration-line {
    width:75%; 
    height:1px; 
    background:white; 
    margin:10px auto 25px auto;
}

div#footer-elements a {
    display:block;
    text-decoration:none;
    color:white;
    transition: font-weight 0.25s, transform 0.5s;
}

div#footer-elements a:hover {
    font-weight:600;
    transform:translateX(10px);
}

div#footer-elements i {
    font-size:32px;
    margin:3px;
    transition: transform 0.5s;
}

div#footer-elements i:hover {
    transform: translateY(-5px);
}

div#footer-elements h2 {
    color:white;
}

div#footer-elements ul {
    list-style-type: none;
    text-align:center;
    padding:0px;
}

div#footer-elements div.item-container {
    min-width:225px;
    min-height:225px;
    text-align:center;
    margin:10px 25px;
}

.item-container[socialmedia] a{
    display:inline !important;
}

div#footer-elements div ul li {
    width:100%;
    font-size:16px;
    text-align:center;
    margin:10px auto;
    padding-left:25px;
}

#footer-elements div[logo] {
    width:164px;
    height:164px;
    margin-right:25px;
    margin-bottom:30px;
}

#footer-elements div[logo] a{
    display:inline;
    text-align:center;
}

div[logo] img {
    width:164px;
}

#footer-elements h2 {
    text-align:center;
    font-size:22px;
}

section#footer div#credits {
    height:150px;   
    background:var(--footer-credits-color);
    color:var(--font-c-white);
    font-size:20px;
    text-align:center;    
    margin-top:15px;
    padding:10px 0;
}

section#footer div#credits div {    
    text-align:center;
}

div#credits div[developer] {
    margin-top:5px;
}

div#credits div[decoration] {
    width:100%; 
    max-width:250px;
    height:1px; 
    background:var(--font-c-white); 
    margin:10px auto;
}

div#credits div[copyright] {
    font-size:14px;
}


@media only screen and (max-width:1300px) {
    section#footer {
        padding-top:30px;
    }

    div#footer-elements div[logo] {
        width:100%;
        text-align:center;
        margin-right:0;
        margin-bottom:25px;
    }
}