header{
	background-color: #212121;
	padding:10px;
	text-align:center;
}

header img{
	height:32px;
	width:32px;
}

footer{
	background-color: #326598;
	padding:10px;
	text-align:center;
}

body{
    background-color: #343434;
	color: #f7f7f7;
	padding: 0px;
	margin:0px;
	font-family: Tahoma ,Arial,Verdana,sans-serif;
}

.parent {
    display: flex;
    /*height: 300px; */
    flex-flow: row wrap;
    
    /* Then we define how is distributed the remaining space */
    justify-content: space-around;
  }
  
  .child {
    width: 400px;  
    /*height: 100px; */
    margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom: 10px;
    padding: 10px;
    background-color: #212121;
    color: #ffffff;
  }

  .flex-container {
    /* We first create a flex layout context */
    display: flex;
    
    /* Then we define the flow direction 
       and if we allow the items to wrap 
     * Remember this is the same as:
     * flex-direction: row;
     * flex-wrap: wrap;
     */
    flex-flow: row wrap;
    
    /* Then we define how is distributed the remaining space */
    justify-content: space-around;
  }
  
h1{
	color:#ff4800;
	font-variant: small-caps;
}

h2{
	color: #ffa60d;
	font-variant: small-caps;
}

  
  /*
Links
*/


a:link
{
font-family: arial, sans-serif;
color:#ffd42e;
font-size: small;
text-decoration: none; 
}

a:visited
{
font-family: arial, sans-serif;
font-size: small;
color: #1989ff;
text-decoration: none; 
}

a:hover
{
font-family: arial, sans-serif;
font-size: small;
color: #ff0058;
text-decoration: underline; 
}

a:active
{
font-family: arial, sans-serif;
font-size: small;
color:#0d1bff;
text-decoration: underline; 
}


/*
		Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
		#flickr_badge_uber_wrapper {text-align:center; width:auto;}
		#flickr_badge_wrapper {padding:10px 0 10px 0; height: 200px}
		.flickr_badge_image {float: left; margin:0 10px 10px 10px;}
		.flickr_badge_image img {border: 1px solid black !important;}
		#flickr_badge_source {display:block;text-align:left; margin:auto 10px 0px 10px;}
		#flickr_badge_icon {float:left; margin-right:5px;}
		#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
		#flickr_badge_uber_wrapper a:hover,
		#flickr_badge_uber_wrapper a:link,
		#flickr_badge_uber_wrapper a:active,
		#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
		#flickr_badge_wrapper {}
		#flickr_badge_source {display:block; padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}