body {
    
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;

/*    width: auto;  for ie9 */
}

#play_area_image_1 {
    grid-area: play_area_image_1;
    text-align: center;
}

#play_area_image_2 {
    grid-area: play_area_image_2;
    display: none;
    text-align: center;
}

#play_area_image_3 {
    grid-area: play_area_image_3;
    display: none;
    text-align: center;
}

#play_area_info {
    grid-area: play_area_info;
    text-align: center;
    font-family: 'Muli';
}

#block_play_image {
    grid-area: block_play_image;
}

#block_play_info {
    grid-area: block_play_info;
    margin: auto;
    font-family: 'Muli';
}

#open_play_image {
    grid-area: open_play_image;
    
}

#open_play_info {
    grid-area: open_play_info;
    margin: auto;
    font-family: 'Muli';
}

#private_party_image {
    grid-area: private_party_image;
    text-align: center;
}

#private_party_info {
    grid-area: private_party_info;
    margin: auto;
    font-family: 'Muli';
}

#event_image {
    grid-area: event_image;
    text-align: center;
}

#event_info {
    grid-area: event_info;
    margin: auto;
    font-family: 'Muli';
    border-bottom: 1px solid blue;
    padding-bottom: 10px;
    padding-top: 10px;
}

#gun_rental_image {
    grid-area: gun_rental_image;
    text-align: center;
}

#gun_rental_info {
    grid-area: gun_rental_info;
    text-align: center;
    font-family: 'Muli';
}

#footer {
    grid-area: footer;
    text-align: center;
}

.game_title {
    font-size: 20px;
    font-weight: bold;
}

.right_border {
    border-bottom: 1px solid blue;
    padding-bottom: 10px;
    padding-top: 10px;
}

.left_border {
    border-bottom: 1px solid blue;
    padding-bottom: 10px;
    padding-top: 10px;
}

.wrapper {
    text-align: center;
    display: grid;
/*    grid-gap: 1em;*/
    grid-gap: 10px;
    grid-template-areas:
    "header"
    "play_area_image_1"
    "play_area_info"
    "block_play_image"
    "block_play_info"
    "open_play_image"
    "open_play_info"
    "private_party_image"
    "private_party_info"
    "event_image"
    "event_info"
    "gun_rental_image"
    "gun_rental_info"
    "play_area_image_2"
    "play_area_image_3"
    "footer"
}

@media only screen and (min-width: 869px)  {
    .right_border {
        border-top: 1px solid blue;
        border-right: 1px solid blue;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        padding-left: 10px;
    }
    
    .left_border {
        border-top: 1px solid blue;
        border-left: 1px solid blue;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        padding-left: 10px;
    }
    
    .right_image {
        text-align: right;
    }
    
    #gun_rental_info {
        border-top: 1px solid black;
    }
/*    #play_area_image_2 {
        display: block;
    }
    #play_area_image_3 {
        display: block;
    }*/
    .wrapper {
        text-align: left;
	margin: 0 auto;
	grid-gap: 0px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
	"header  header  header header  header  header"
        "play_area_image_1 play_area_image_1 play_area_image_1 play_area_image_1 play_area_image_1 play_area_image_1"
        "play_area_info play_area_info play_area_info play_area_info play_area_info play_area_info"
        "block_play_image block_play_image block_play_info block_play_info block_play_info block_play_info"
	"open_play_info open_play_info open_play_info open_play_info open_play_image open_play_image"
        "private_party_image private_party_image private_party_info private_party_info private_party_info private_party_info"
        "event_info event_info event_info event_info event_image event_image"
        "gun_rental_image gun_rental_image gun_rental_image gun_rental_image gun_rental_image gun_rental_image"
        "gun_rental_info gun_rental_info gun_rental_info gun_rental_info gun_rental_info gun_rental_info"
        "footer footer footer footer footer footer";
    }
}

@media only screen and (min-width: 1240px)  {
    body {
        width: 1200px;
        margin: auto;
    }
/*    #play_area_image_2 {
        display: block;
    }
    #play_area_image_3 {
        display: block;
    }*/
/*    #private_party_image {
        text-align: right;
    }
    #block_play_image {
        text-align: right;
    }*/
/*    .wrapper {
        text-align: left;
	margin: 0 auto;
	grid-gap: 5px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
	"header  header  header header  header  header"
        "play_area_image_1 play_area_image_1 play_area_image_1 play_area_image_1 play_area_image_1 play_area_image_1"
        "play_area_info play_area_info play_area_info play_area_info play_area_info play_area_info"
        "block_play_image block_play_image block_play_info block_play_info block_play_info block_play_info"
	"open_play_info open_play_info open_play_info open_play_info open_play_image open_play_image"
        "private_party_image private_party_image private_party_info private_party_info private_party_info private_party_info"
        "gun_rental_image gun_rental_image gun_rental_image gun_rental_image gun_rental_image gun_rental_image"
        "gun_rental_info gun_rental_info gun_rental_info gun_rental_info gun_rental_info gun_rental_info"
        "footer footer footer footer footer footer";
    }*/
}