/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width:9%;
    
    padding-top: .8%;
    padding-bottom:.8%;
    padding-left:1%;
}

.span_7_of_8 {
	width: 7%; 
    
    padding-top: .8%;
    padding-bottom:.8%;

}

.span_6_of_8 {
	width: 2%; 
    text-align: center;
    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
}

.span_5_of_8 {
	width: 12%; 
    
    padding-top: 1%;
    padding-bottom:.8%;

    text-align: right;
}

.span_4_of_8 {
	width: 6%; 
    
    padding-top: .8%;
    padding-bottom:.8%;

}

.span_3_of_8 {
	width: 2%;
        text-align: center;
    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
}

.span_2_of_8 {
	width: 25%; 
    text-align: right;
    padding-top: 1%;
    padding-bottom:.8%;
}

.span_1_of_8 {
    font-size: 1.2em;
	width: 35%; 
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom:.8%;
}

/* Go full widht at less that 641-999 pixeles    */
@media only screen and (min-width: 641px) and (max-width: 999px){
.span_8_of_8 {
	width:9%;
    
    padding-top: 1.5%;
    padding-bottom:.8%;
    padding-left:1%;
}

.span_7_of_8 {
	width: 10%; 
    
    padding-top: 1.5%;
    padding-bottom:1.5%;

}

.span_6_of_8 {
	width: 1%; 
    
    padding-top: 2%;
    padding-bottom:2%;
    color:#D3B467;
}

.span_5_of_8 {
	width: 13%; 
    
    padding-top: 2%;
    padding-bottom:.8%;

    text-align: right;
}

.span_4_of_8 {
	width: 5%; 
    
    padding-top: 1.5%;
    padding-bottom:1.5%;

}

.span_3_of_8 {
	width: 1%;
    
    padding-top: 2%;
    padding-bottom:2%;
    color:#D3B467;
}

.span_2_of_8 {
	width: 24%; 
    text-align: right;
    padding-top: 2%;
    padding-bottom:.8%;
}

.span_1_of_8 {
    font-size: 1.2em;
	width: 35%; 
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom:.8%;
}
}
/* go full width at less than 600 pixels*/
@media only screen and (max-width: 640px){
     .span_8_of_8 {
	width:100%;
    padding-top: .8%;
    padding-bottom:.8%;
    padding-left:1%;
    
    text-align: right;
    padding-right: 5%;
}

.span_7_of_8 {
	width: 35%; 
    
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_6_of_8 {
	width: 10%; 

    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
    
    text-align: center;
}

.span_5_of_8 {
	width: 50%; 
    
    padding-top: .8%;
    padding-bottom:.8%;

    text-align: right;
    
}

.span_4_of_8 {
	width: 35%; 
    
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_3_of_8 {
	width:10%;
    text-align: center;
    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
    
}

.span_2_of_8 {
	width: 50%; 
    text-align: right;
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_1_of_8 {
    font-size: 1.2em;
	width: 100%; 
    padding-left: 2%;
    padding-top: .8%;
    padding-bottom:.8%;
    text-align: center;
    
}
}


/* go full width at less than 600 pixels*/
@media only screen and (max-width: 600px){
     .span_8_of_8 {
	width:100%;
    padding-top: .8%;
    padding-bottom:.8%;
    padding-left:1%;
    
    text-align: right;
    padding-right: 5%;
}

.span_7_of_8 {
	width: 35%; 
    
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_6_of_8 {
	width: 10%; 

    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
    
    text-align: center;
}

.span_5_of_8 {
	width: 50%; 
    
    padding-top: .8%;
    padding-bottom:.8%;

    text-align: right;
    
}

.span_4_of_8 {
	width: 35%; 
    
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_3_of_8 {
	width:10%;
    text-align: center;
    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
    
}

.span_2_of_8 {
	width: 50%; 
    text-align: right;
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_1_of_8 {
    font-size: 1.2em;
	width: 100%; 
    padding-left: 2%;
    padding-top: .8%;
    padding-bottom:.8%;
    text-align: center;
    
}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
 .span_8_of_8 {
	width:100%;
    padding-top: .8%;
    padding-bottom:.8%;
    padding-left:1%;
    
    text-align: right;
    padding-right: 5%;
}

.span_7_of_8 {
	width: 35%; 
    
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_6_of_8 {
	width: 10%; 

    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
    
    text-align: center;
}

.span_5_of_8 {
	width: 50%; 
    
    padding-top: .8%;
    padding-bottom:.8%;

    text-align: right;
    
}

.span_4_of_8 {
	width: 35%; 
    
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_3_of_8 {
	width:10%;
    text-align: center;
    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
    
}

.span_2_of_8 {
	width: 50%; 
    text-align: right;
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_1_of_8 {
    font-size: 1.2em;
	width: 100%; 
    padding-left: 2%;
    padding-top: .8%;
    padding-bottom:.8%;
    text-align: center;
    
}
}
/*  GO FULL WIDTH AT LESS THAN 320 PIXELS */

@media only screen and (max-width: 320px) {
    .span_8_of_8 {
	width:100%;
    padding-top: .8%;
    padding-bottom:.8%;
    padding-left:1%;
    
    text-align: right;
    padding-right: 5%;
}

.span_7_of_8 {
	width: 35%; 
    
    padding-top: .8%;
    padding-bottom:.8%;
    
}

.span_6_of_8 {
	width: 10%; 

    padding-top: .8%;
    padding-bottom:.8%;
    color:#D3B467;
    
    text-align: center;
}

.span_5_of_8 {
	width: 50%; 
    
    padding-top: 1%;
    padding-bottom:.8%;

    text-align: right;
    
}

.span_4_of_8 {
	width: 35%; 
    
    padding-top: 3.5%;
    padding-bottom:3.5%;
    
}

.span_3_of_8 {
	width:10%;
    text-align: center;
    padding-top: 3.5%;
    padding-bottom:3.5%;
    color:#D3B467;
    
}

.span_2_of_8 {
	width: 50%; 
    text-align: right;
    padding-top: 4%;
    padding-bottom:.8%;
    
}

.span_1_of_8 {
    font-size: 1.2em;
	width: 100%; 
    padding-left: 2%;
    padding-top: .8%;
    padding-bottom:.8%;
    text-align: center;
    
}
}