@media only screen and (max-width: 600px) {
    .context {padding-inline: 3rem;font-size: 16px;}
    #business-number {margin-inline: 3%;}
    #logo {margin-inline: 3%;}
    .footer h3 {margin-inline: 3%;}
    .pic-text {flex-direction: column;}
    table, thead, tbody, th, td, tr { 
		display: block; 
	}
}

@media only screen and (min-width: 600px) {
    .context {padding-inline: 5rem;font-size: 16px;}
    #business-number {margin-inline: 5%;}
    #logo {margin-inline: 5%;}
    .footer h3 {margin-inline: 5%;}
    .pic-text {flex-direction: column;}
}

@media only screen and (min-width: 768px) {
    .context {padding-inline: 8rem;font-size: 16px;}
    #business-number {margin-inline: 15%;}
    #logo {margin-inline: 15%;}
    .footer h3 {margin-inline: 15%;}
    .pic-text {flex-direction: column;}
} 

@media only screen and (min-width: 992px) {
    .context {padding-inline: 10rem;font-size: 18px;}
    #business-number {margin-inline: 15%;}
    #logo {margin-inline: 15%;}
    .footer h3 {margin-inline: 15%;}
    .pic-text {flex-direction: row;}
} 

@media only screen and (min-width: 1200px) {
    .context {padding-inline: 18rem;font-size: 20px;}
    #business-number {margin-inline: 15%;}
    #logo {margin-inline: 15%;}
    .footer h3 {margin-inline: 15%;}
    .pic-text {flex-direction: row;}
}