body {
    background-color: #f7f7f7
}

.button {
    display: block!important;
    margin: 25px auto 0!important
}

/*#statistics,#quatro {
    background-color: #fff
}*/

.hero .content-box .carousel .carousel-inner{
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
}

#main .content-box {
    padding: 100px 0 !important;
    min-width: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,.25)
}

#main .content-box * {
    text-align: center
}

#main .content-box h2,#main .content-box p, .hero .content-box h2, .hero .content-box p {
    font-size: 40px !important;
    color: #fff !important;
    text-shadow: 0 0 10px #000
}

#main .content-box p, .hero .content-box p {
    font-size: 20px !important
}

.part-box {
    display: inline-block;
    padding-left: 30px !important;
    padding-right: 30px !important
}

#quatro {
    padding-bottom: 50px
}

#statistics .content-box .part-box,#quatro .part-box {
    padding: 50px 0
}

#statistics .part-box .statistics-text,#statistics .part-box .statistics-value {
    text-align: center;
    display: block
}

#content h2,#statistics .part-box .statistics-value {
    font-size: 35px;
    color: #01357e
}

#statistics .part-box .statistics-text {
    font-size: 20px
}

#quatro .content-box .part-box .picture {
    color: #01357e;
    font-size: 60px;
    display: block;
    text-align: center
}

#quatro .part-box .title {
    color: #000;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    margin-top: 20px
}

.part-box.third {
    width: calc(100%/3 - 60px)
}

.part-box.quater {
    width: calc(100%/4 - 64px)
}

#content h2 {
    font-size: 30px;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 10px
}
@media only screen and (max-width: 900px) { 
	.part-box.quater {
		width: calc(50% - 64px);
	}
}
@media only screen and (max-width: 480px) { 
	.part-box.quater {
		width: calc(100% - 64px);
	}
}