docs/css/index_media.css

@media (min-width: 1201px) {
	body {
		font-size: 30px;
	}
	h1 {
		font-size: 72px;
	}
}

@media (max-width: 1200px) {
    	body {
        	font-size: 28px;
    	}
	h1 {
		font-size: 60px;
	}
}

@media (max-width: 1000px) {
    	body {
        	font-size: 26px;
        }
	h1 {
		font-size: 52px;
	}
}

@media (max-width: 770px) {
    	body {
        	font-size: 24px;
        }
	h1 {
		font-size: 46px;
	}
}


@media (max-width: 648px) {
    	body {
        	font-size: 22px;
        }
	h1 {
		font-size: 42px;
	}
}

@media (max-width: 598px) {
    	body {
        	font-size: 20px;
        }
	h1 {
		font-size: 36px;
	}
}


@media (max-width: 521px) {
    	body {
        	font-size: 18px;
        }
	h1 {
		font-size: 32px;
	}
}


@media (max-width: 470px) {
    	body {
        	font-size: 18px;
        }
	h1 {
		font-size: 28px;
	}
}