/* Page Setup
  --------------------------------------------- */
  html{
	  background:var(--black);
  }
  section {
	padding: 3rem 0 3rem 0;
	position: relative;
  }
  .container{
	width:87.5%;
	margin:0 auto;
	padding:0;
	max-width: 900px;
  }
  .row{
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	column-gap: 60px;
	height:100%;
  }
  .row.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	width:100%;
	margin:0 auto;
  }
  .justify-content-center{
	justify-content: center;
  }
  .justify-content-end{
	justify-content: flex-end;
  }
  .justify-content-between{
	  justify-content: space-between;
  }
  .align-items-start{
	align-items: flex-start;
  }
  .align-items-center{
	  align-items: center;
  }
  .align-items-end{
	align-items: flex-end;
  }
  .align-content-start{
	align-content: flex-start;
  }
  .align-content-between{
	  align-content: space-between;
  }
  .fixed{
	position: absolute;
	overflow-y: hidden;
  }
  .center{
	  width:100%;
  }
  @media only screen and (max-width: 1728px) {
	  .container{
		  width: 43%;
	  }
  }
  
  @media only screen and (max-width: 1000px) {
	  html{
		overflow-x: hidden;
	  }
	  section{
		  padding:3rem 0;
	  }
	  .container{
		  width: 92.2%;
	  }
	  .row{
		grid-template-columns: repeat(4, [col-start] 1fr);
		column-gap: 20px;
	  }
  }
  @media only screen and (max-width: 600px) {
	  section{
			padding:1rem 0;
		}
  }