.resimage {
    cursor: pointer;
    max-width: 100%;
    width: auto
}

.main-calculator{
	max-width: fit-content;
    margin: auto;
}

div#imagereshover {
    padding: 10px;
}

.calc-section {
    display: flex;
    justify-content: space-between;
}

.resblock {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.restaurants, .hospitals, .schools, .bar {
    display: flex;
    border: 1px solid #000;
    margin-bottom: 25px;
    max-width: 100%;
    width: auto
}

img#imagesch {
    cursor: pointer
}

div#customergroup {
    padding-bottom: 30px
}

p#ice-title {
    font-size: 24px;
    text-align: center;
    padding: 0px 0px 23px;
    margin: 0;
    font-weight: 700;
    text-decoration: underline
}

input#restaurant, input#resproduction, input#school, input#schproduction, input#hospital, input#hosproduction, input#hosbedsproduction, input#barsandcoctails, input#barsproduction, input#hospitalbeds {
    text-align: center;
    width: 25%;
    font-size: 24px;
}

label#rescustomers, label#schcustomers, label#hoscustomers, label#bedcustomers, label#barcustomers {
    padding: 0 10px!important;
    margin-right: 10px;
    background: #7b7777;
    font-size: 24px!important;
    color: #fff;
    font-weight: 700!important;
    border-radius: 5px
}

label#resiceproduction, label#schiceproduction, label#hosiceproduction, label#bediceproduction, label#bariceproduction {
    padding: 0 10px!important;
    background: #7b7777;
    font-size: 24px!important;
    color: #fff;
    font-weight: 700!important;
    border-radius: 5px
}

a#production0500, a#production5001000, a#production10001500, a#production15002000, a#production20002500, a#production25003000, a#rproduction0500, a#rproduction5001000, a#rproduction10001500, a#rproduction15002000, a#rproduction20002500, a#rproduction25003000, a#sproduction0500, a#sproduction5001000, a#sproduction10001500, a#sproduction15002000, a#sproduction20002500, a#sproduction25003000, a#hsproduction0500, a#hsproduction5001000, a#hsproduction10001500, a#hsproduction15002000, a#hsproduction20002500, a#hsproduction25003000, a#hproduction0500, a#hproduction5001000, a#hproduction10001500, a#hproduction15002000, a#hproduction20002500, a#hproduction25003000 {
    font-size: 15px;
    padding: 10px;
    background: #1cb84196;
    border-radius: 15px;
    text-align: center;
    width: 50%;
    margin: 20px auto 0px auto;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    flex-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
}

a#production0500:hover, a#production5001000:hover, a#production10001500:hover, a#production15002000:hover, a#production20002500:hover, a#production25003000:hover, a#rproduction0500:hover, a#rproduction5001000:hover, a#rproduction10001500:hover, a#rproduction15002000:hover, a#rproduction20002500:hover, a#rproduction25003000:hover, a#sproduction0500:hover, a#sproduction5001000:hover, a#sproduction10001500:hover, a#sproduction15002000:hover, a#sproduction20002500:hover, a#sproduction25003000:hover, a#hproduction0500:hover, a#hproduction5001000:hover, a#hproduction10001500:hover, a#hproduction15002000:hover, a#hproduction20002500:hover, a#hproduction25003000:hover, a#hsproduction0500:hover, a#hsproduction5001000:hover, a#hsproduction10001500:hover, a#hsproduction15002000:hover, a#hsproduction20002500:hover, a#hsproduction25003000:hover {
    background: #00a0e9
}

div#blockres, div#blocksch, div#blockhos, div#blockbar {
    margin: auto;
    padding: 0 10px;
}

@media only screen and (max-width: 640px) {

    .calc-section {
        display: inline-table;
        margin-bottom: 10px;
    }

    div#resres {
        max-width: 100%
    }

    a.rproduction {
        width: 75% !important;
        margin-bottom: 10px !important;
    }

    input#hospitalbeds {
        width: 70%;
        font-size: 20px;
        height: 30px;
        display: inline-block
    }

    .restaurants, .schools, .hospitals, .bar {
        display: grid
    }

    div#imagereshover, img#imagesch, img#imagehos, img#imagebar {
        margin: auto
    }

    label#rescustomers, label#schcustomers, label#hoscustomers, label#bedcustomers, label#barcustomers {
        margin-bottom: 10px;
        font-size: 20px;
        display: inline-flex
    }

    input#restaurant, input#school, input#hospital, input#barsandcoctails {
        width: 54%;
        font-size: 20px;
        height: 30px;
        display: inline-block
    }

    label#resiceproduction, label#schiceproduction, label#hosiceproduction, label#bediceproduction, label#bariceproduction, label#barcustomers {
        margin-bottom: 10px;
        font-size: 20px;
        margin-right: 5px
    }

    input#resproduction, input#schproduction, input#hosproduction, input#hosbedsproduction, input#barsproduction {
        width: 33%;
        font-size: 20px
    }
}