/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.footer .fr:after {
content: " Place text here.";
}


@media only screen and (max-width: 48em) {
/* For mobile phones: */
	
		* {box-sizing: border-box;}
.wrapper {
	align-content:center;
	
  max-width: 1200px;
}

.wrapper > div {
  border: 1px solid;
  border-radius: 0px;
  color: #000000;
}.wrapper {
  display: grid;
	grid-gap: 0px;
	grid-auto-columns: minmax(100%, 100%);
	grid-auto-rows: minmax(100px, auto);
	grid-template-columns: repeat(100%);
	  grid-template-rows: repeat(1fr, 1fr);
}
.one {
  grid-column: 1;
  grid-row: 1;
	
}
.two { 
  grid-column: 1;
  grid-row: 2;
}
.three {
  grid-column: 1;
  grid-row:3;
}
.four {
  grid-column: 1;
  grid-row: 4;
}
.five {
  grid-column: 1;
  grid-row: 5;
}
.six {
  grid-column: 1;
  grid-row: 6;
}
.seven {
  grid-column: 1;
  grid-row: 7;
}
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
	* {box-sizing: border-box;}
.wrapper {
	align-content:center;
  max-width: 1200px;
}

.wrapper > div {
  border: 1px solid;
  border-radius: 0px;
  color: #000000;
}.wrapper {
  display: grid;
	grid-gap: 0px;
	grid-auto-columns: minmax(50%, 100%);
	grid-auto-rows: minmax(100px, auto);
	grid-template-columns: repeat(50%, 50%);
	  grid-template-rows: repeat(1fr, 1fr);
}
	
.one {
  grid-column: 1;
  grid-row: 1;
	
}
.two { 
  grid-column: 2;
  grid-row: 1;
}
.three {
  grid-column: 1;
  grid-row:2;
}
.four {
  grid-column: 2;
  grid-row: 2;
}
.five {
  grid-column: 1;
  grid-row: 3;
}
.six {
  grid-column: 2;
  grid-row: 3;
}
.seven {
  grid-column: 1/3;
  grid-row: 4;
}
  
}

	
@media only screen and (min-width: 768px) {
  /* For desktop: */
* {box-sizing: border-box;}
.wrapper {
	align-content:center;

	}

.wrapper > div {
  border: 1px solid;
  border-radius: 0px;
  color: #000000;
}.wrapper {
  display: grid;
	grid-gap: 0px;
	grid-auto-columns: minmax(21.66%, 35%);
	grid-auto-rows: minmax(100px, auto);
	grid-template-columns: repeat(21.66%, 21.66%, 21.66%, 35%);
	  grid-template-rows: repeat(1fr, 1fr);
}
	
	
.one {
  grid-column: 1;
  grid-row: 1;
	
}
.two { 
  grid-column: 2;
  grid-row: 1;
}
.three {
  grid-column: 3;
  grid-row:1;
}
.four {
  grid-column: 1;
  grid-row: 2;
}
.five {
  grid-column: 2;
  grid-row: 2;
}
.six {
  grid-column: 3;
  grid-row: 2;
}
.seven {
  grid-column: 4/6;
  grid-row: 1/3;
}
}


