table td, th {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

a, a:hover, a:focus, a:active {
    /*color: #f4511e;*/
    text-decoration: none;
}

.jumbotron {
    background-size: cover;
}

.jumbotron_wonderland {
    background-image: url("../img/galery/space.webp");
    background-size: cover;
    min-height:600px;
}
.jumbotron_wonderland * {
    color: white;
}

.jumbotron_logistics {
    background-image: url("../img/galery/app_logistics.webp");
    background-size: cover;
    min-height:700px;
    color: white;
}
.jumbotron_logistics * {
    color: white;
}

.jumbotron_livestock {
    background-image: url("../img/galery/app_livestock.webp");
    background-size: cover;
    min-height:700px;
}

.jumbotron_livestock * {
    color: black;
}

.jumbotron_wildlife {
    background-image: url("../img/galery/app_wildlife.webp");
    background-size: cover;
    min-height:700px;
}

.jumbotron_agriculture {
    background-image: url("../img/galery/app_agriculture.webp");
    background-size: cover;
    min-height:700px;
}

.jumbotron_personal {
    background-image: url("../img/galery/app_personal.webp");
    background-size: cover;
    min-height:700px;
}
.jumbotron_personal * {
    color: white;
}

.jumbotron_footer {
    background-color: black;
    min-height:200px;
    margin-bottom:0px;
}
.jumbotron_footer * {
    color: white;
}

.text-white {
    color:white;
}

.partner-logo {
    width:120px;
    height:80px;
    border:1px solid #EEEEEE;
    border-radius: 10px;
    object-fit: contain;
    background-color: #FFFFFF;
    margin:5px;
    -webkit-filter: grayscale(70%); /* Safari 6.0 - 9.0 */
    filter: grayscale(70%);
    padding: 5px;
}

@media (min-width: 768px) {
    .partner-logo {
        width:150px;
        height:100px;
    }
}

@media (min-width: 992px) {
    .partner-logo {
        width:150px;
        height:100px;
    }
}

.rounded {
    width:100%;
    border:1px solid #EEEEEE;
    border-radius: 5px;
    margin:5px;
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);
    box-shadow: 0px 0px 15px rgba(0,0,0, .8);
    color: white;
}

.highlighted {
    margin: 50px 0px;
    /*background: rgba(255,255,255,0.2);*/
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    padding: 10px;
    padding-top: 0px;
    color: white;
}

/* Bootstrap's vertical alignment apparently doesn't work */
/* this is a workaround based on https://stackoverflow.com/questions/18053408/vertically-centering-bootstrap-modal-window */

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}