teste

<style>

.container {

    max-width: 70%;

}

@media (min-width: 768px)

.container {

    max-width: 720px;

}

@media (min-width: 576px)

.container {

    max-width: 540px;

}

.container {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



.row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}



.boxHistorico {

    width: 100%;

    margin-top: 15px;

    height: auto;

    background-color: rgba(17, 17, 17, 0.6);

    border-radius: 8px;

    padding: 5px 10px 10px 10px;

    text-align: left;

}



.h5, h5 {

    font-size: 1.25rem;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    margin-bottom: .5rem;

    font-family: inherit;

    font-weight: 500;

    line-height: 1.2;

    color: inherit;

}

h1, h2, h3, h4, h5, h6 {

    margin-top: 0;

    margin-bottom: .5rem;

}



.boxMini {

    width: auto;

    height: 40px;

    border-radius: 8px;

    margin-top: 10px;

    background-color: rgba(51, 51, 51, 1);

    line-height: 40px;

    padding-left: 7px;

}



.boxMini .avatar {

    width: 50px;

    height: 40px;

    float: left;

    background-position: center -25px;

}



.boxMini .colocacao-ouro {

    margin-top: 7px;

    height: 26px;

    width: 26px;

    margin-right: 5px;

    float: right;

    background-color: #F8C900;

    border-radius: 50%;

    line-height: 26px;

    font-size: 13px;

    color: #111;

    font-weight: bold;

    text-shadow: none;

    text-align: center;

}



.boxMini .colocacao-prata {

    margin-top: 7px;

    height: 26px;

    width: 26px;

    margin-right: 5px;

    float: right;

    background-color: #C5DECB;

    border-radius: 50%;

    line-height: 26px;

    font-size: 13px;

    color: #111;

    font-weight: bold;

    text-shadow: none;

    text-align: center;

}



.boxMini .colocacao-bronze {

    margin-top: 7px;

    height: 26px;

    width: 26px;

    margin-right: 5px;

    float: right;

    background-color: #EC8F18;

    border-radius: 50%;

    line-height: 26px;

    font-size: 13px;

    color: #111;

    font-weight: bold;

    text-shadow: none;

    text-align: center;

}

</style>



<div  >

		<div  >

		<div  >			  

          <div  >

				<h5>Construtor de Quartos</h5>

				<h7>2009, 2010, 2011, 2013, 2014, 2015, 2016, 2017, 2018, 2019</h7>

			<div  >

			<div ></div>:marta									<div  >4</div>

			<div  >1</div>

		</div>

			<div  >

			<div ></div>-battlex-												<div  >2</div>

			<div  >1</div>

		</div>

			<div  >

			<div ></div>tarcisiogat...					<div  >1</div>

			<div  >2</div>

			<div  >1</div>

		</div>

			<div  >

			<div ></div>Elipte										<div  >1</div>

			<div  >1</div>

		</div>

			<div  >

			<div ></div>!..vih..!									<div  >1</div>

		</div>

	</div>

</div>