#wrapper {
	
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	min-width: 800px;
	padding: 2em;
	background-color: purple;
	border-radius: 35px;
	box-shadow: 30px 70px 50px grey;
}
body {
	font-size: 90%;
	background-color: gray;
	font-family: Garamond, Trebuchet MS, sans-serif;
	
	
}
#header{
	font-size: 3em;
	color: orange;
	
	
}
.nav{
	
	
	float: left;
	margin-left: 50px;
	
}

.float{
	

	margin-left: 350px; 
	
}



footer {
	clear: left;
}
table {
    border-collapse:collapse;
	float: right;
	margin-right: 220px;
	
}
td {
   border:1px solid #000;
   background-color: blue;
}
 th{
	 border: 4px solid black;
	 font-size: 3em;
	 background-color:blue;
 }
 td:nth-of-type(1)
 {
	 color: orange;
	 font-weight: bold;
	 font-size: 2em;
 }
 td:nth-of-type(2)
 {
	 font-size: 1.8em;
 }
a:link {
	color: black;
	text-decoration: none;
	background-color: none;
	padding: 4px;
}

a:visited {
	background-color: none;
	color: pink;
}

a:hover {
	font-size: 1.4em;
	background-color: orange;
	color: white;
}

a:active{
	color: red;
}
ul{
	   list-style-type: none;
}
#barcelona{
	background-image: url("images/images/europe.jpg");
	background-repeat: no-repeat;
	
	padding-top:  90px;
	padding-bottom:  88px;
	text-align: center;
	
	margin-right: -200px;
}
#madrid{
	background-image: url("images/images/southamerica.jpg");
	background-repeat: no-repeat;
	
	padding-top:  90px;
	padding-bottom:  88px;
	text-align: center;
	
	margin-right: -200px;
}
#manchester{
	background-image: url("images/images/northamerica.jpg");
	background-repeat: no-repeat;
	
	padding-top:  90px;
	padding-bottom:  88px;
	text-align: center;
	
	margin-right: -200px;
}
#munich{
	background-image: url("images/images/africa.jpg");
	background-repeat: no-repeat;
	
	padding-top:  90px;
	padding-bottom:  88px;
	text-align: center;
	
	margin-right: -200px;
}
#chelsea{
	background-image: url("images/images/asia.jpg");
	background-repeat: no-repeat;
	
	padding-top:  90px;
	padding-bottom:  88px;
	text-align: center;
	
	margin-right: -200px;
}
.clear{
	clear: left;
}
li.a {
  transform: rotate(10deg);
}
  
li a{
  padding: 15px;
  background-color: gray;
  border-radius: 20px;
}
.summary{
	font-size: 25px;
	color: white;
	
}
#flex_picture{
	

	display: flex;
	flex-direction: row;
	flex-flow: row-wrap;
	flex-wrap: wrap;
	align-items: center;

}
#flex_picture ul{
	
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:flex-start ;
	

}

#flex_picture li{
	width: 150px;
	
	border-radius: 15px;
	background-color: papayawhip;
	padding:15px;
	
	margin: .5em;
}