.depadded {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.logo{
    max-width:20%;
    height:auto;
}

a:link{
    color: black;
    text-decoration: none;
}
a:visited{
    color: black;
    text-decoration: none;
}
a:hover{
    color: black;
    text-decoration: none;
}
a:active{
    color: black;
    text-decoration: none;
}

.titolo{
    color:cornflowerblue;
}

.navbar {
    background-color: #e3f2fd;
}

.card-body{
    background-color: #e3f2fd;
}

@media (min-width: 1100px) and (max-width:4000px) {
    header{
        padding-bottom: 12%;
    }
}
@media (min-width: 1000px) and (max-width:1099px) {
    header{
        padding-bottom: 15%;
    }
}
@media (min-width: 900px) and (max-width:999px) {
    header{
        padding-bottom: 17%;
    }
}
@media (min-width: 800px) and (max-width:899px) {
    header{
        padding-bottom: 19%;
    }
}
@media (min-width: 700px) and (max-width:799px) {
    header{
        padding-bottom: 21%;
    }
}
@media (min-width: 600px) and (max-width:699px) {
    header{
        padding-bottom: 23%;
    }
}
@media (min-width: 500px) and (max-width:599px) {
    header{
        padding-bottom: 25%;
    }
}
@media (min-width: 10px) and (max-width: 499px) {
    header{
        padding-bottom: 27%;
    }
}





html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 250px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 250px;
    line-height:20px; /* Vertically center the text there */
    background-color: #e3f2fd;
}

.spaso{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    text-align: center;
}