@import url("https://casey-sites.ymca.org.au/assets/css/activecarrot/ehl-main.css");

.public_facility_bookings .heading p{
visibility:hidden;
}

.container {  
    display: grid;  
    grid-gap: 5px;  
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-template-rows: repeat(2, 100px);  
}

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

#page_wrapper {
width: 100%;
}
#header_wrapper {
width: 90%;
}
#header {
width: 90%;
}
#footer_wrapper {
width: 90%;
}
#content {
width: 85%;
}
#membership_details {
width: 40%;
}
#cw-filter-bar {
width: 15%;
}
#cw-content {
width: 85%;
}
#cw-block-content {
width: 85%;
}
#cw-block-book {
width: 85%;
}
#cw-content-head {
width: 85%;
}
#cw_descriptions {
width: 85%
}
#cw_class_description {
width: 85%
}
#public_custom_content {
width: 90%
}
#cw_footer_contact {
width: 90%
}
#footer {
width: 90%
}
}


@media screen and (max-width: 610px) { 
#page_wrapper {
width: 100%;
}
#header_wrapper {
width: 90%;
}
#header {
width: 90%;
}
#footer_wrapper {
width: 90%;
}
#content {
width: 100%;
}
#membership_details {
width: 100%;
}
#cw-filter-bar {
width: 100%;
}
#cw-content {
width: 100%;
}
#cw-block-content {
width: 90%;
}
#cw-block-book {
width: 90%;
}
#cw-content-head {
width: 90%;
}
#cw_descriptions {
width: 90%
}
#cw_class_description {
width: 90%
}
#cw_tr_results {
width: 90%
}
#cw_class_description_container {
width: 85%
}
#public_custom_content {
width: 90%
}
#cw_footer_contact {
width: 90%
}
#footer {
width: 90%
}
}

@media screen and (max-width: 320px) { 
#page_wrapper {
width: 320px;
}
}


body { 
font-size: 1.1em; 
background-color:white;
/*  
	that will make fonts 110% larger, if you want smaller fonts on 	mobile use something like .9em for 90% smaller 
*/ 
}