/* --- gridin minimimääritykset ------------------------------------------------ */
.col {
    padding: 0 0.75em;
}

.row .row {
    margin: 0 -0.75em;
}

.row:before, .row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}

.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

@media only screen {
    .col {
        float: left;
        width: 100%;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

html,
body {
    padding: 0;
    height: 100%;
}

.container {
    min-height: 100%;
    position: relative;
}

.last-row {
    //padding-bottom: 80px;
    background: #191a19;
}


.row.title-area-bg {
    z-index: 9999;
}


.container {
    max-width: 90em;
}

.full-content {
    width: 100%;
}

.framebar {
    width: 90%
}

.framecontrol {
    width: 5%;
    height: 40px;
    border: 0 none;
    background: #303030;
    border-bottom: solid 1px #373737;
}

button.col.framecontrol.btn.prevPage, button.col.framecontrol.btn.nextPage {
    color: #fff;
    padding: 0.65rem;
}

button.col.framecontrol.btn.prevPage.disabled, button.col.framecontrol.btn.nextPage.disabled {
    color: #565656;
}




@media only screen and (min-width: 1em) {
    .content-1-2 {
        width: 50%;
    }

    .content-1-3 {
        width: 33.33%;
    }

    .content-1-4 {
        width: 25%;
    }

    .content-1-5 {
        width: 20%;
    }

    .content-kortti {
        width: 16.85%;
    }

    .col-divide {
        width: 33.33%;
    }

    .content-reservation {
        width: 70%;
    }

    .sidebar-reservation {
        width: 30%;
    }

    .content, .content-third {
        width: 66.66%;
    }

    .sidebar {
        width: 33.33%;
    }

    .info {
        width: 50%;
    }

    .title {
        width: 15%;
    }

    .navmenu {
        width: 75%
    }

    .buttonit {
        width: 10%
    }

    .toiminnot {
        width: 66.66%
    }

    .navigation {
        width: 100;
    }

    .reservation {
        width: 20%;
    }

    .ah1 {
        width: 10%;
    }

    .reservation-row {
        border: 0 none;
        margin: 0 0 0 0;
    }

    .sidebar-reservation {
        max-width: 650px !important;

    }

    .content-reservation {
        max-width: 85%;
    }
}