.pie{
    float:left;
    width:100%;
    height:auto;
    padding:1em;
    margin-top:2em;
    box-sizing: border-box;
    font-family:'PT Sans Narrow', sans-serif;
    font-size: 18px;
}


.pie_grid_3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:1em;
    box-sizing: border-box;
    font-weight: 100 !important;
}

.pie_grid_4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:1em;
}

.logo_pie{
    float: left;
    width: 80% !important;
    max-width: 250px;
    height: auto;
    
    /*background-color:#ccc;*/
}

.logo_pie img{
    width: 100%;
    height: auto;
}




.boton_pie{
    box-sizing: border-box;
	border-radius			: 50px 50px 50px 50px;
	-moz-border-radius		: 50px 50px 50px 50px;
	-webkit-border-radius	: 50px 50px 50px 50px;


	width:auto;
    min-width: auto;
    height: auto;

	padding: 10px 30px 10px 30px !important;
	margin-bottom:5px;
    
	cursor: pointer;
    color:white;
    font-weight: 100 !important;
    /*background-color:#f58634;*/
    background-color:#f58634;
}

.boton_pie:hover{
    background-color: #D66C1E;

}

.final{
    float:left;
    width:100%;
    height:auto;
    margin-top:2em;
    padding:1em;
    border-top:1px solid #ccc;
    
}
.autor{
    margin:0 auto;
    width:100%;
    font-size:1em;
    text-align:center;
    margin-bottom:1em;
    
}



@media only screen and (max-width:900px){

    .pie_grid_3{
        display: grid;
        grid-template-columns: 1fr;
        gap:1em;
    }
    
    .pie_grid_4{
        display: grid;
        grid-template-columns: 1fr;
        gap:1em;
    }
    
}