/* main.css override */


.flex.flex-3 {
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
}
.flex.flex-3 article {
    width: 33%;
}

@media screen and (max-width: 980px) {
    .flex.flex-3 article {
        width: 100%;
        margin-bottom: 3em;
    }
    .flex.flex-3 article:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    /* .flex.flex-3 br { */
        /* display: none; */
    /* } */
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    font-weight: bold;
}

.image.mobile img {
    margin: auto;
}

.image.mobile {
    padding-left: 0;
    padding-right: 0;
}

/* general */

h2 small {
    color: rgb(187, 187, 187);
    font-size: 16px;
}

table.inline {
    width: auto;
}

table.no-bg tbody tr {
    background-color: transparent;
}

table.no-border tbody tr {
    border: none;
}

table.no-spacing tr td,
table.no-spacing tr th {
    padding: 0.1em 1em 0.1em 0;
}

table hr {
    margin: 0;
}

/* image */

.image {
    max-width: 800px;
}
.image.max400 {
    max-width: 400px;
}
img {
    max-width: 100%;
}
.image.center {
    display: block;
    margin: auto;
    text-align: center;
}
.image.center img {
    display: initial;
}

/* page wise */

.tech-li > li {
    margin-bottom: 26px;
}

.subbasin-list {
    margin: 0;
    padding: 0;
    text-align: center;
    max-width: 500px;
}
.subbasin-list li {
    list-style: none;
    display: inline-block;
    background: #EEE;
    margin: 3px 2px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 2px;
}
.subbasin-list li:hover {
    background: #6cc091;
    color: #1d422d;
}
.subbasin-list li:hover a {
    color: #1d422d;
}

.subbasin-table td, .subbasin-table th {
    text-align: right;
    color: #333;
}
.subbasin-table td:nth-child(2), .subbasin-table th:nth-child(2) {
    text-align: left;
}