#site-content { 
    background-color: #E1002E;
    background: url('../images/superboneless/2022/Bg-superboneless.jpg'); 
}
.header img { margin: auto; padding-top: 50px; }
.marco img { margin: auto; padding-top: 30px; }
.teamOnFire img { margin: auto;	}
.bonelessLanding img { margin: auto;	}
.sweetPizza img { margin: auto; }
.callToAction img { margin: auto; }
.validity img { margin: auto; }
.legal img { margin: auto; }

.flavorTable {
    margin-left: 18%;
    margin-right: 18%;
    background-color: #fff;
    
}
.flavorTable h2 { 
    font-size: 25px;
    font-family: "ExtraBlack", balboa;
    padding-top: 10px;
    padding-left: 5px;
}

.flavorTable h3 { 
    font-family: 'Trade';
    font-size: 16px;
    padding-left: 22px;
}

.flavorTable table {
    width: 80%;
    margin-left: 5%;
    border-collapse: separate;
    border-spacing: 10px; /* cellspacing */
    border-collapse: expression('separate', cellSpacing = '10px');
}
.flavorTable table th {
    text-align: center;
    font-family: 'Knockout HTF31';
    color: #7b7676;
    background-color: #d9d5d5;
    padding: 4px;
    font-size: 16px;
    padding: 10px; /* cellpadding */
}
.flavorTable table tbody tr td {
    font-family: 'Trade';
    color: #8c8686;
    padding: 5px 50px;
    font-size: 14px;
    /*border-bottom: 2px solid #ddd8d8;*/
}
/*Agregado 4-02-2022*/
.legal{
    padding: 0px 170px 50px 170px;
    text-align: left;
}
.text-legal{
    
    font-size: 1vw;
    color:#FFFF;
    font-weight: bold;
    font-weight: 500;
    font-family:Arial, Helvetica, sans-serif;
}
@media (min-width: 1600px) and (max-width: 1899.98px){
    .flavorTable table { width: 100%; margin-left: 0%; }
    .legal{
        padding: 0px 150px 50px 150px;
    }
    .text-legal{
        font-size: 1.5em;;
    } 
}
@media (min-width: 1200px) and (max-width: 1599.98px){
    .legal{
        padding: 0px 150px 50px 150px;
    }
    .text-legal{
        font-size: 1.5em;;
    } 
	.header img { width: 80%; }
	.marco img { width: 80%; }
	.teamOnFire img { width: 80%; }
	.bonelessLanding img { width: 80% }
	.sweetPizza img { width: 80% }
	.callToAction img { width: 80%; }
	.validity img { width: 80% }
    .legal img { width: 80% }
    .flavorTable table { width: 100%; margin-left: 0%; border-spacing: 4px; }
    .flavorTable table tbody tr td { padding: 5px 25px; font-size: 12px; }
    .flavorTable table th { font-size: 15px; padding: 5px; }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .legal{
        padding: 0px 150px 50px 150px;
    }
    .text-legal{
        font-size: 1.5em;;
    } 
	.header img { width: 80%; }
	.marco img { width: 80%; }
	.teamOnFire img { width: 80%; }
	.bonelessLanding img { width: 80% }
	.sweetPizza img { width: 80% }
	.callToAction img { width: 80%; }
	.validity img { width: 80% }
    .legal img { width: 80% }
    .flavorTable table { width: 100%; margin-left: 0%; border-spacing: 4px; }
    .flavorTable table tbody tr td { padding: 0px 16px; font-size: 12px; }
    .flavorTable table th { font-size: 14px; padding: 2px; }
}
@media (min-width: 768px) and (max-width: 991.98px){
    .legal{
        padding: 0px 150px 50px 150px;
    }
    .text-legal{
        font-size: 1.2em;;
    } 
	.header img { width: 80%; }
	.marco img { width: 80%; }
	.teamOnFire img { width: 80%; }
	.bonelessLanding img { width: 80% }
	.sweetPizza img { width: 80% }
	.callToAction img { width: 80%; }
	.validity img { width: 80% }
    .legal img { width: 80% }
    .flavorTable table { width: 100%; margin-left: 0%; border-spacing: 4px; }
    .flavorTable table tbody tr td { padding: 0px 16px; font-size: 12px; }
    .flavorTable table th { font-size: 14px; padding: 2px; }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .legal{
        padding: 0px 100px 50px 100px;
    }
    .text-legal{
        font-size: 1.2em;;
    } 
	.header img { width: 80%; padding-top: 100px; }
	.marco img { width: 80%; }
	.teamOnFire img { width: 80%; }
	.bonelessLanding img { width: 80% }
	.sweetPizza img { width: 80% }
	.callToAction img { width: 80%; }
	.validity img { width: 80% }
    .legal img { width: 80% }
    .flavorTable{ margin-left: 2%; margin-right: 2%; }
    .flavorTable table { width: 100%; margin-left: 0%; border-spacing: 4px; }
    .flavorTable table tbody tr td { padding: 0px 16px; font-size: 12px; }
    .flavorTable table th { font-size: 14px; padding: 2px; }
}
@media (min-width: 500px) and (max-width: 575.98px){
    .legal{
        padding: 0px 80px 50px 80px;
    }
    .text-legal{
        font-size: 1.2em;;
    } 
	.header img { width: 80%; padding-top: 100px; }
	.marco img { width: 80%; }
	.teamOnFire img { width: 80%; }
	.bonelessLanding img { width: 80% }
	.sweetPizza img { width: 80% }
	.callToAction img { width: 80%; }
	.validity img { width: 80% }
    .legal img { width: 80% }
    .flavorTable{ margin-left: 2%; margin-right: 2%; }
    .flavorTable table { width: 100%; margin-left: 0%; border-spacing: 4px; }
    .flavorTable table tbody tr td { padding: 0px 16px; font-size: 12px; }
    .flavorTable table th { font-size: 14px; padding: 2px; }
}
@media (min-width: 300px) and (max-width: 499.98px){
    
	.header img { width: 80%; padding-top: 100px; }
	.marco img { width: 80%; }
	.teamOnFire img { width: 80%; }
	.bonelessLanding img { width: 80% }
	.sweetPizza img { width: 80% }
	.callToAction img { width: 80%; }
	.validity img { width: 80% }
    .legal img { width: 80% }
    .flavorTable{ margin-left: 0%; margin-right: 0%; }
    .flavorTable table { width: 100%; margin-left: 0%; border-spacing: 0px; }
    .flavorTable table tbody tr td { padding: 0px 8px; font-size: 9px; }
    .flavorTable table th { font-size: 12px; padding: 2px; }
    .legal{
        padding: 0px 10px 50px 10px;
    }
    .text-legal{
        font-size: 0.8em;;
    } 
}