@media screen and (max-width: 750px) {
.container { 
	max-width: 750px;
	margin: auto;
	display: block;
	grid-row-gap: 5px;
}
.header {
	margin-bottom: -5px;
	grid-column: 1 / -1;
	grid-row: 1 / 2;
	display: none;
}
.header-mobile {
	margin-bottom: -5px;
	grid-column: 1 / -1;
	grid-row: 1 / 2;
	display: block;
}
nav {
	grid-column: 1 / -1;
	grid-row: 2 / 3;
}
.maincontent-blue {
	display: none;
}
.text-1 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-1 {
	margin: 0 3% 20px 3%;
	max-width: 100%;
}
.rule-1 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
	
.text-2 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-2 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-2 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-3 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-3 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-3 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-4 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-4 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-4 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-5 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-5 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-5 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-6 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-6 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-6 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-7 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-7 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-7 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-8 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-8 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-8 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-9 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-9 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-9 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-10 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-10 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-10 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}

.text-11 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-11 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-11 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-12 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-12 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-12 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
.text-13 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-13 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-13 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
	
.text-14 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-14 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-14 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
	
.text-15 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-15 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-15 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
	
.text-16 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-16 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-16 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
	
.text-17 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-17 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-17 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
	
.text-18 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-18 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-18 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}	
.text-19 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-19 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-19 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}	
.text-20 {
	margin: 0;
	padding: 10px 3% 0 3%;
	max-width: 100%;
}
.image-20 {
	margin: 0 3% 10px 3%;
	max-width: 100%;
}
.rule-20 {
	margin-top: 10px;
	height: 6px;
	max-width: 100%;
}
	
.footer {
	max-width: 100%;
}
}




@media screen and (min-width: 751px) {
.container { 
	max-width: 1200px;
	margin: auto;
	display: grid;
    grid-column-gap: 5px;
	grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.header {
	display: block;
	margin-bottom: -5px;
	grid-column: 1 / -1;
	grid-row: 1 / 2;
}
.header-mobile {
	display: none;
	margin-bottom: -5px;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
nav {
	grid-column: 1 / -1;
	grid-row: 2 / 3;	
}
.maincontent-blue {
	display: block;
	margin-top: 10px;
	padding: 20px 3%;
	grid-column: 4 / -1;
	grid-row: 3 / 43;
	background-image: linear-gradient(to bottom right, #1c52aa, #1d84cc);
	z-index: 1;
}
.text-1 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}
.image-1 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 3 / 4;
	z-index: 5;
}
.rule-1 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 4 / 5;
	z-index: 5;
}
.text-2 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 5 / 6;
}
.image-2 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 5 / 6;
	z-index: 5;
}
.rule-2 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 6 / 7;
	z-index: 5;
}
.text-3 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 7 / 8;
}
.image-3 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 7 / 8;
	z-index: 5;
}
.rule-3 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 8 / 9;
	z-index: 5;
}
.text-4 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 9 / 10;
}
.image-4 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 9 / 10;
	z-index: 5;
}
.rule-4 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 10 / 11;
	z-index: 5;
}
.text-5 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 11 / 12;
}
.image-5 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 11 / 12;
	z-index: 5;
}
.rule-5 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 12 / 13;
	z-index: 5;
}
.text-6 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 13 / 14;
}
.image-6 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 13 / 14;
	z-index: 5;
}
.rule-6 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 14 / 15;
	z-index: 5;
}
.text-7 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 15 / 16;
}
.image-7 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 15 / 16;
	z-index: 5;
}
.rule-7 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 16 / 17;
	z-index: 5;
}
.text-8 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 17 / 18;
}
.image-8 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 17 / 18;
	z-index: 5;
}
.rule-8 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 18 / 19;
	z-index: 5;
}
.text-9 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 19 / 20;
}
.image-9 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 19 / 20;
	z-index: 5;
}
.rule-9 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 20 / 21;
	z-index: 5;
}
.text-10 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 21 / 22;
}
.image-10 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 21 / 22;
	z-index: 5;
}
.rule-10 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 22 / 23;
	z-index: 5;
}

.text-11 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 23 / 24;
}
.image-11 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 23 / 24;
	z-index: 5;
}
.rule-11 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 24 / 25;
	z-index: 5;
}
.text-12 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 25 / 26;
}
.image-12 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 25 / 26;
	z-index: 5;
}
.rule-12 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 26 / 27;
	z-index: 5;
}
.text-13 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 27 / 28;
}
.image-13 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 27 / 28;
	z-index: 5;
}
.rule-13 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 28 / 29;
	z-index: 5;
}
	
.text-14 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 29 / 30;
}
.image-14 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 29 / 30;
	z-index: 5;
}
.rule-14 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 30 / 31;
	z-index: 5;
}
	
.text-15 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 31 / 32;
}
.image-15 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 31 / 32;
	z-index: 5;
}
.rule-15 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 32 / 33;
	z-index: 5;
}
	
.text-16 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 33 / 34;
}
.image-16 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 33 / 34;
	z-index: 5;
}
.rule-16 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 34 / 35;
	z-index: 5;
}
	
.text-17 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 35 / 36;
}
.image-17 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 35 / 36;
	z-index: 5;
}
.rule-17 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 36 / 37;
	z-index: 5;
}
	
.text-18 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 37 / 38;
}
.image-18 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 37 / 38;
	z-index: 5;
}
.rule-18 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 38 / 39;
	z-index: 5;
}
	
.text-19 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 39 / 40;
}
.image-19 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 39 / 40;
	z-index: 5;
}
.rule-19 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 40 / 41;
	z-index: 5;
}
	
.text-20 {
	margin-top: 0;
	padding: 20px 3%;
	grid-column: 1 / 3;
	grid-row: 41 / 42;
}
.image-20 {
	margin: 20px 5% 0 10%;
	grid-column: 3 / -1;
	grid-row: 41 / 42;
	z-index: 5;
}
.rule-20 {
	margin-top: 0;
	height: 6px;
	grid-column: 1 / 5;
	grid-row: 42 / 43;
	z-index: 5;
}
	
.footer {
	grid-column: 1 / -1;
	grid-row: 43 / 44;
}
}