@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
.header {
  background-color: #ffffff;
  text-align: center;
  font-size: 35px;
}

/* Create three equal columns that floats next to each other */
.column {
float:left;
  width: 50%;
max-width:1700px;	
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}	

.column9 {
float:left;
  width: 50%;
max-width:1700px;
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}	


.colum8 {
margin:0 auto;
  width: 100%;
max-width:800px;	
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}	


.column4 {
margin:0 auto;
  width: 100%;
max-width:800px;	
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}	

.column6 {
margin:0 auto;
  width: 100%;
max-width:820px;	
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}	

.column7 {
margin:0 auto;
  width: 100%;
max-width:700px;	
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}	

.column5 {
margin:0 auto;
  width: 100%;
max-width:1200px;	
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}	


.column3 {
margin:0 auto;
 max-width:450px;
width: 100%;	
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}
.column2 {
 margin:0 auto;
  width: 100%;
max-width:1700px;
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}
.column10 {
 margin:0 auto;
  width: 100%;
max-width:1700px;
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}

.column11 {
 margin:0 auto;
  width: 100%;
max-width:560px;
	min-width: 200px;

  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}

.column12 {
 margin:0 auto;
  width: 100%;
max-width:1100px;
	min-width: 200px;
  padding: 0;
  height: auto; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;

}

.row{
background-color: #e25b61;
	padding: 50px 0;
	
	
}

.row3{
background-color: #04cdd4;
	padding: 50px 0;
	
	
}

.row2 {
	background-color: #9b01af;
padding: 50px 0;
	
}

.row4 {
	background-color: #ffcd14;
padding: 50px 0;
	
}

.row5{
	background-color: #329c6e;
	padding: 50px 0;}
	
	.row6{background-color: #74b8ff;
	padding: 50px 0;}
	
.row7{background-color: #98dfc1;
	padding: 50px 0;}


.row8{background-color: #006a91;
	padding: 50px 0;}

.row9{background-color: #f28cb1;
	padding: 50px 0;}

.row10{background-color: #a48c68;
	padding: 50px 0;}

.row11{background-color: #22a6b3;
	padding: 50px 0;}


.row12{background-color: #b54188;
	padding: 50px 0;}


.row13{background-color: #0184d4;
	padding: 50px 0;}


.row14{background-color: #f592c9;
	padding: 50px 0;}

.row15{background-color: #067c5c;
	padding: 50px 0;}

.row16{background-color: #7d5869;
	padding: 50px 0;}


.row17{background-color: #59b4e0;
	padding: 50px 0;}

.row18{background-color: #7f7daf;
	padding: 50px 0;}

.row19{background-color: #d8af71;
	padding: 50px 0;}

.row20{background-color: #00b1bb;
	padding: 50px 0;}

.row21{background-color: #e688a3;
	padding: 50px 0;}

.row22{background-color: #0088ee;
	padding: 50px 0;}

.row23{background-color: #a2cb49;
	padding: 50px 0;}

.row24{background-color: #cd62f0;
	padding: 50px 0;}

.row25{background-color: #b0bddd;
	padding: 50px 0;}

.row26{background-color: #650694;
	padding: 50px 0;}
	
	.row27{background-color: #f19741;
	padding: 50px 0;}
	
	.row28{background-color: #052a44;
	padding: 50px 0;}
	
.row29{background-color: #17f4d1;
	padding: 50px 0;}	
	
	.row30{background-color: #cc5a71;
	padding: 50px 0;}	
	
	.row31{background-color: #f8d88d;
	padding: 50px 0;}
	
	.row32{background-color: #53d8fb;
	padding: 50px 0;}
	
	.row33{background-color: #3e3a77;
	padding: 50px 0;}
	
	.row34{background-color: #4a7fc3;
	padding: 50px 0;}
	
	
	.row35{background-color: #8e6050;
	padding: 50px 0;}
	
	.row36{background-color: #25b6b3;
	padding: 50px 0;}
	
	.row37{background-color: #80bcc4;
	padding: 50px 0;}
	
	.row38{background-color: #00b1bb;
	padding: 50px 0;}

.row39{background-color: #f592c9;
	padding: 50px 0;}
.row40{background-color: #ffcd14;
	padding: 50px 0;}
.row41{background-color: #7f7daf;
	padding: 50px 0;}

.row42{background-color: #b0bddd;
	padding: 50px 0;}

.row43{background-color: #17f4d1;
	padding: 50px 0;}

.row44{background-color: #7d5869;
	padding: 50px 0;}

.row45{background-color: #a7cb43;
	padding: 50px 0;}

.row46{background-color: #a2cb49;
	padding: 50px 0;}

.row47{background-color: #0184d4;
	padding: 50px 0;}

.row48{background-color: #67717d;
	padding: 50px 0;}


.row49{background-color: #f19741;
	padding: 50px 0;}

.row50{background-color: #e25b61;
	padding: 50px 0;}

.row51{background-color: #e688a3;
	padding: 50px 0;}


.row52{background-color: #9b01af;
	padding: 50px 0;}

.row53{background-color: #74b8ff;
	padding: 50px 0;}

.row54{background-color: #b54188;
	padding: 50px 0;}

.row55{background-color: #067c5c;
	padding: 50px 0;}

.row56{background-color: #59b4e0;
	padding: 50px 0;}

.row57{background-color: #cd62f0;
	padding: 50px 0;}

.row58{background-color: #650694;
	padding: 50px 0;}

.row59{background-color: #cc5a71;
	padding: 50px 0;}

.row60{background-color: #f8d88d;
	padding: 50px 0;}

.row61{background-color: #53d8fb;
	padding: 50px 0;}

.row62{background-color: #4a7fc3;
	padding: 50px 0;}

.row63{background-color: #25b6b3;
	padding: 50px 0;}

.row64{background-color: #a9cde7;
	padding: 50px 0;}

.row65{background-color: #006172;
	padding: 50px 0;}

.row66{background-color: #fb5a6c;
	padding: 50px 0;}

.row67{background-color: #f3ae4f;
	padding: 50px 0;}

.row68{background-color: #a093fc;
	padding: 50px 0;}

.row69{background-color: #42b7af;
	padding: 50px 0;}

.row70{background-color: #394a66;
	padding: 50px 0;}

.row71{background-color: #006d8a;
	padding: 50px 0;}

.row72{background-color: #baa799;
	padding: 50px 0;}

.row73{background-color: #3e3a77;
	padding: 50px 0;}

.row74{background-color: #04cdd4;
	padding: 50px 0;}

.row75{background-color: #0088ee;
	padding: 50px 0;}

.row76{background-color: #22a6b3;
	padding: 50px 0;}

.row77{background-color: #f28cb1;
	padding: 50px 0;}

.row78{background-color: #a48c68;
	padding: 50px 0;}

.row79{background-color: #978a79;
	padding: 50px 0;}

.row80{background-color: #d8a25f;
	padding: 50px 0;}
.row81{background-color: #0c76ba;
	padding: 50px 0;}
/* Style the footer */
.footer {
  background-color: #baa799;
  padding: 10px;
  text-align: center;
	height=30px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */


@media (max-width: 1679px) {
  .row2{
   padding-left:200px; padding-right:200px; 
  }

  }
	
@media (max-width: 1468px) {
  .row2{
   padding-left:100px; padding-right:100px; 
  }

  }	
@media (max-width: 1080px) {
  .row2{
   padding-left:0px; padding-right:0px; 
  }

  }	

@media (max-width: 720px) {
  .column {
    width: 100%;
	  min-width: 200px
  }
	.column2 {
    width: 100%;
		min-width: 200px
  }
	.column3 {
    width: 100%;
		min-width: 200px
  }
	
	.column7 {
    width: 100%;
		min-width: 200px
  }
}