/* Container holding the image and the text */
 .Image_Container {
	position: relative;
	/*text-align: center;
	color: white;
	color: black;*/
	width: 100%;
	display: inline-block;
  }
  
  
  .GARDIEN
  { 
  position: absolute; /* To place the text on the image*/
  top: 88%;/*4%; /* The exact location of the text from the top of the image*/
  left: 0%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .GARDIEN SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:10px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  
  .DD
  { 
  position: absolute; /* To place the text on the image*/
  top: 64%;/*24%; /* The exact location of the text from the top of the image*/
  left: 33%;/*-33%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .DD SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  
  .DC1
  { 
  position: absolute; /* To place the text on the image*/
  top: 78%;/*14%; /* The exact location of the text from the top of the image*/
  left: -12%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .DC1 SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  .DC2
  { 
  position: absolute; /* To place the text on the image*/
  top: 72%;/*18%; /* The exact location of the text from the top of the image*/
  left: 12%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .DC2 SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  .DG
  { 
  position: absolute; /* To place the text on the image*/
  top: 64%;/*24%; /* The exact location of the text from the top of the image*/
  left: -33%;/*33%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .DG SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  
  .MD1
  { 
  position: absolute; /* To place the text on the image*/
  top: 52%;/*36%; /* The exact location of the text from the top of the image*/
  left: -15%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .MD1 SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  
  .MD2
  { 
  position: absolute; /* To place the text on the image*/
  top: 48%;/*40%; /* The exact location of the text from the top of the image*/
  left: 15%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .MD2 SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  .MO1
  { 
  position: absolute; /* To place the text on the image*/
  top: 34%;/*53%; /* The exact location of the text from the top of the image*/
  left: -33%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .MO1 SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  .MO2
  { 
  position: absolute; /* To place the text on the image*/
  top: 34%;/*53%; /* The exact location of the text from the top of the image*/
  left: 33%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .MO2 SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  
  .ATT1
  { 
  position: absolute; /* To place the text on the image*/
  top: 20%;/*64%; /* The exact location of the text from the top of the image*/
  left: -16%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .ATT1 SPAN /* decorating the text within the span tag */
  { 
	color: white; 
	border-radius:8px;
	letter-spacing: 0px; 
	font: 14px/35px Verdana, Sans-Serif; 
	letter-spacing: -1px; 
	background: rgb(0, 0, 0); /* fallback color */ 
	background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }
  
  
  .ATT2
  { 
  position: absolute; /* To place the text on the image*/
  top: 16%;/*68%; /* The exact location of the text from the top of the image*/
  left: 16%; /* Other beautification stuff */
  width: 100%; 
  }
  
  /* Coloring time */
  .ATT2 SPAN /* decorating the text within the span tag */
  { 
  color: white; 
  border-radius:8px;
  letter-spacing: 0px; 
  font: 14px/35px Verdana, Sans-Serif; 
  letter-spacing: -1px; 
  background: rgb(0, 0, 0); /* fallback color */ 
  background: rgba(0, 0, 0, 0.7); padding: 5px; 
  }