banner v


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	@font-face {
		font-family: 'GOTHAM-L';
		src: url('fuentes/GOTHAM-MEDIUM.TTF');
		font-weight: normal;
		font-style: normal;
	}
	    /* --------- CC -----------*/
    .banner-content-text
  {
    margin: auto 0;
    display: inline-block;
  }

  .text-banner2
  {
    vertical-align: middle;
    z-index: 2;
    display:table;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color: white;
    font-family: GOTHAM-L;
    font-size: 3.3em !important;
    letter-spacing: -2px;
    padding: 15px 45px 15px 45px;
    max-width: 90%
  }
  .color1{
    background-color: #348cc4;
  }
  .color2{
    background-color: #ad007e;
  }
  .color3{
    background-color: #810074;
  }
  .img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
  }
  .main-text-banner{
    position: relative;
    display: table-cell;
    padding-top: 0px;
    bottom: auto;
  }

      /* --------- CC -----------*/
</style>
</head>
<body>
	<div class="main-text-banner">
		<div class="text-banner2 color1">Panamericanos y Parapanamericanos</div>
		<div class="text-banner2 color2">Lima 2019</div>
		<div class="text-banner2 color3">AIMAG 2017 CEREMONIES | Photo by Luca Parisse BWS</div>
	</div>

</body>
</html>