/*
  Simple FlexBox Grid created by Mary Adkins GraphixStation June 23 2021.
  Copyright GraphixStation 
  All Rights Reserved
  Contact at https://www.graphixstation.com
*/
/* 
  ======================================
  GS FlexBox Grid 2021
  ======================================
*/
.grid-container {margin: 0 auto; max-width: 1280px; overflow: hidden; padding: 0; position: relative;transition: all 0.3s linear; width: 100%; z-index: 100;}
.grid-padding {padding: 1.5% 0 0 1.5%;}
.grid-container:after {content: ''; clear: both;display: block;}
.grid-row {display:flex; justify-content: flex-start; flex-flow: row wrap; transition: all 0.3s linear;}
[class*='gr-col-'] {margin: 0 auto; padding: 0 1.5% 1.5% 0; position: relative; transition: all 0.3s linear;}
.gr-col-1-1 {flex-basis: 100%; width: 100%;}
.gr-col-1-2 {flex-basis: 50%; width: 50%;}
.gr-col-1-3, .gr-col-4-12 {flex-basis: 33.33%; width: 33.33%;}
.gr-col-1-4, .gr-col-3-12 {flex-basis: 25%; width: 25%;}
.gr-col-5-12 {flex-basis: 41.66%; width: 41.66%;}
.gr-col-7-12 {flex-basis: 58.33%; width: 58.33%;}
.gr-col-8-12 {flex-basis: 66.66%; width: 66.66%;}
.gr-col-9-12 {flex-basis: 75%; width: 75%;}
.gr-col-1-ew {flex: 1;} /* Equal widths */
.grid-content {height: 100%; padding: 1.25rem;}
@media only screen and (max-width: 880px) {
	.gr-col-1-4 {flex-basis: 50%; width: 50%;}
	.gr-col-3-12 {flex-basis: 30%; width: 30%;}
	.gr-col-4-12 {flex-basis: 40%; width: 40%;}
	.gr-col-5-12 {flex-basis: 45%; width: 45%;}
	.gr-col-7-12 {flex-basis: 55%; width: 55%;}
	.gr-col-8-12 {flex-basis: 60%; width: 60%;}
	.gr-col-9-12 {flex-basis: 70%; width: 70%;}
	.gr-col-1-ew {flex-basis: 33.33%;} 
}
@media only screen and (max-width: 768px) {
.gr-col-1-ew {flex-basis: 50%;}
}
@media only screen and (max-width: 480px) {
	.grid-padding {padding: 0;}
	.grid-row {display:block;}
	[class*='gr-col-'] {flex-basis: 100%; padding: 2.5% 5%; width: 100%;}
	.grid-content {padding: 1rem;}
	.gr-col-1-3 {flex-basis: 100%; width: 100%;}
}