html{
					height: 100%;
				}
				body{
					margin: 0px;
					padding: 0px;
					height: 100%;	
				}
				#all{
					background-color: greenyellow;
					height: 100%;
					width: 100%;
				}
				.first-row{
					background-color: white;
					height: 30%;
					width: 100%;
				}
				.second-row{
					background-color: pink;
					height: 70%;
					width: 100%;
				}
				.bg-box{
					background-color: green;
					width: 30%;
					height: 100%;
					float: left;
				}
				.fr-box{
					background-color: blue;
					width: 70%;
					height: 100%;
					float: left;
				}
				.ger-box{
					background-color: red;
					width: 30%;
					height: 100%;
					float: left;
				}
				.can-swe-it{
					background-color: yellow;
					width: 70%;
					height: 100%;
					float: left;
				}
				.can-box{
					background-color: whitesmoke;
					height: 50%;
					width: 100%;
				}
				.swe-it{
					background-color: purple;
					height: 50%;
					width: 100%;
				}
				.swe-box{
					background-color: brown;
					height: 100%;
					width: 50%;
					float: left;
				}
				.it-box{
					background-color: darkgray;
					height: 100%;
					width: 50%;
					float: left;
				}
				#bg{
					background-color: greenyellow;
					width: 100%;
					height: 100%;
				}
				.bg-color1{
					height: 34%;
					width: 100%;
					background-color: white;
				}
				.bg-color2{
					height: 33%;
					width: 100%;
					background-color: green;
				}
				.bg-color3{
					height: 33%;
					width: 100%;
					background-color: red;
				}
				#fr{
					background-color: greenyellow;
					width: 100%;
					height: 100%;
				}
				.fr-color1{
					height: 100%;
					width: 33%;
					background-color: blue;
					float: left;
				}
				.fr-color2{
					height: 100%;
					width: 34%;
					background-color: white;
					float: left;
				}
				.fr-color3{
					height: 100%;
					width: 33%;
					background-color: #e60000;
					float: left;
				}
				#ger{
					background-color: greenyellow;
					width: 100%;
					height: 100%;
				}
				.ger-color1{
					height: 34%;
					width: 100%;
					background-color: black;
				}
				.ger-color2{
					height: 33%;
					width: 100%;
					background-color: red;
				}
				.ger-color3{
					height: 33%;
					width: 100%;
					background-color: yellow;
				}
				#can{
					background-color: greenyellow;
					width: 100%;
					height: 100%;
				}
				.can-color1{
					height: 100%;
					width: 33%;
					background-color: red;
					float: left;
				}
				.can-color2{
					height: 100%;
					width: 34%;
					background-color: white;
					float: left;
				}
				.can-color3{
					height: 100%;
					width: 33%;
					background-color: red;
					float: left;
				}
				#swe{
					background-color: greenyellow;
					width: 100%;
					height: 100%;
				}
				.swe-color1{
					height: 45%;
					width: 20%;
					background-color: blue;
					float: left;
				}
				.swe-color2{
					height: 45%;
					width: 10%;
					background-color: yellow;
					float: left;
				}
				.swe-color3{
					height: 45%;
					width: 70%;
					background-color: blue;
					float: left;
				}
				.swe-color4{
					height: 10%;
					width: 100%;
					background-color: yellow;
					float: right;
				}
				.swe-color5{
					height: 45%;
					width: 20%;
					background-color: blue;
					float: left;
				}
				.swe-color6{
					height: 45%;
					width: 10%;
					background-color: yellow;
					float: left;
				}
				.swe-color7{
					height: 45%;
					width: 70%;
					background-color: blue;
					float: left;
				}
				#it{
					background-color: greenyellow;
					width: 100%;
					height: 100%;
				}
				.it-color1{
					height: 100%;
					width: 33%;
					background-color: green;
					float: left;
				}
				.it-color2{
					height: 100%;
					width: 34%;
					background-color: white;
					float: left;
				}
				.it-color3{
					height: 100%;
					width: 33%;
					background-color: red;
					float: left;
				}
				.center-canada1{
					height: 33%;
					width: 100%;					
					float: right;
				}
				.center-canada2{
					height: 67%;
					width: 100%;					
				}
				.center-canada3{
					height: 33%;
					width: 100%;
				}
				@media screen and (max-width: 600px){
					.it-color1{
						background-color: black;
					}
					.it-color2{
						background-color: yellow;
					}
					.it-color3{
						background-color: red;
					}
				}
				@media screen and (max-width: 600px){
					.swe-color1{					
						background-color: white;
					}
					.swe-color2{
						background-color: blue;
					}
					.swe-color3{
						background-color: white;						
					}
					.swe-color4{						
						background-color: blue;						
					}
					.swe-color5{						
						background-color: white;						
					}
					.swe-color6{						
						background-color: blue;						
					}
					.swe-color7{					
						background-color: white;				
					}
				
				}