@media screen and (max-width: 1200px) {
	#maincontainer {
		width: 100%;
	}
	
	#navbarcontainer {
		width: 100%;
	}
}

@media screen and (max-width: 1050px) {
    .font_size {
		display: none !important;
	}
	
	.w3-content {
		max-width: 87%;
	}
	
	table p img {
		max-width: 95%;
		height: auto;
	}
}

@media screen and (max-width: 950px) {
    .w3-content {
		max-width: 86%;
	}
}

@media screen and (max-width: 850px) {
    .w3-content {
		max-width: 84%;
	}
}

@media screen and (max-width: 750px) {
    .w3-content {
		max-width: 82%;
	}
	
	table {
		font-size: 14px;
	}
	
	table p {
		margin: 8px;
	}	
	
	table p img {
		max-width: 90%;
		height: auto;
	}
}

@media screen and (max-width: 650px) {
    .w3-content {
		max-width: 79%;
	}
	
	table {
		font-size: 12px;
	}
	
	table p {
		margin: 6px;
	}
}

@media screen and (max-width: 550px) {
    .w3-content {
		max-width: 77%;
	}
	
	table {
		font-size: 11px;
	}
	
	table p {
		margin: 4px;
	}
	
	table p img {
		max-width: 85%;
		height: auto;
	}
}

@media screen and (max-width: 500px) {
    .w3-content {
		max-width: 75%;
	}
	
	table {
		font-size: 10px;
	}
	
	table p {
		margin: 2px;
	}
	
	table p img {
		max-width: 80%;
		height: auto;
	}
}
	
@media screen and (max-width: 450px) {
	.image {
		max-width: 100%;
	}
	
	.w3-content {
		max-width: 72%;
	}
}