body {
    /* Body grid */
    grid-template-columns: 1fr 200px 400px 1fr;
    grid-template-rows: 100px 100px 40px 1fr;
}

.headerleft {
    /* Header left placement */
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.headerleft img {
    /* Image fit to container */
    object-fit: cover;
    width: 100%;
    max-height: 100%;

    /* Positioning to background image */
    z-index: 2;
    position: relative;
}

.headermain {
    /* Header main placement */
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    height: 100%;

    /* Text style */
    font-size: 35px;
    line-height: 100px;

    /* Padding */
    padding-left: var(--def);
}

.headersub {
    /* Position in grid */
    grid-column: 3 / 4;
    grid-row: 2 / 3;

    /* Text styling */
    font-size: 30px;
}

.headerimage {
    /* Display */
    display: none;
}

.headertop {
    /* Position */
    grid-column: 1 / 5;
    grid-row: 1 / 2;

    /* Background */
    background-color: var(--grey);
}

.headerbottom {
    /* Position */
    grid-column: 1 / 5;
    grid-row: 3 / 4;

    /* Background */
    background-color: var(--grey);
}

.headersmall {
    /* Display grid */
    grid-column: 1 / 5;
    grid-row: 2 / 3;

    /* Background */
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
    background-position: bottom 25% left 50%;
    background-size: cover;
}

.menu {
    /* Positioning in header */
    grid-column: 2 / 4;
    grid-row: 3 / 4;

    /* Display flex */
    position: -webkit-sticky;
    position: sticky;
    top: 0px;

    /* Animation */
    transition: var(--trans);
}

.container {
    /* Grid placement in body */
    grid-column: 2 / 4;
    grid-row: 4 / 5;

    /* Container grid */
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto auto 100px;
}

main {
    /* Positioning in grid */
    grid-column: 1 / 13;
    grid-row: 2 / 3;
}

.disclaimer {
    /* Positioning in grid */
    grid-column: 1 / 13;
    grid-row: 3 / 4;
}

footer {
    /* Positioning in grid */
    grid-column: 1 / 13;
    grid-row: 4 / 5;

    /* Flex display */
    flex-direction: column;

    /* Text */
    text-align: center;
    color: var(--white);
}

.product {
    /* Display grid */
    display: flex;
    flex-direction: column
}

.product_image img {
    max-width: 580px;
    object-fit: cover;
}

.product_details td {
    /* Positioning */
    min-width: 100px;
}

.product_properties {
    /* Positioning */
    margin-top: var(--def);
}

.tdname {
    width: 200px;
}

.tickets {
    /* Display grid */
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
}

.tickets .title {
    /* Display */
    grid-column: 1 / 2;
}

.tickets .ticket_content {
    /* Display */
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}

.ticketsummary_details {
    /* Display Flex */
    display: flex;
    flex-direction: row;
}

.ticketstatus {
    /* Positioning */
    width: 100px;
    padding: 10px;

    /* Font */
    Text-align: center;
    align-self: center;
    font-family: 'Oxygen';
    font-weight: bold;
}

.ticketdetail {
    /* Display Flex */
    display: flex;
    flex-direction: column;

    /* Positioning */
    width: 150px;
}

.ticketdetail span {
    /* Font */
    font-family: 'Oxygen';
    font-weight: bold;
}

.brandribbon {
    /* Positioning */
    max-width: 560px;
}

.cart_bottom input[type="submit"], .cart_bottom a:link, .cart_bottom a:visited {
    /* Positioning */
    padding: var(--hdef);
    margin-right: var(--def);

    /* Font */
    font-size: 15px;
}

.cart_bottom input[type="submit"] {
    /* Positioning */
    width: auto;
}

.contact_message {
    /* Display */
    display: flex;
    flex-direction: column;
}

.contact_message a:link, .contact_message a:visited {
    /* Font */
    text-align: center;
}