.big {
		width:400px;
		height:400px;
		background:grey;
	}
	
	.blue {
		width:100px;
		height:100px;
		background:blue;
	}



body {

		background:cyan;
			position:relative;
			top:2em;
		}
		
.nav-menu{
		display:none;
	}

p.bigtext { font-size:24pt; }

@media screen and (min-width: 991px){
	body {
			background:red;
			position:relative;
			top:2em;
		}
	p.bigtext { font-size:24pt; }
}


@media screen and (max-width: 768px){
	body {
		background:orange;
		position:relative;
		top:2em;
	}
	
	p.bigtext { font-size:24pt; }
	

	
	@media screen and (max-width: 480px){
	
		body {
			background:yellow;
			position:relative;
			top:2em;
		}
		
		p.bigtext { font-size:24pt; }
	
	}
}

@media screen and (min-width: 1200px){
	body {
		background:pink;
		position:relative;
		top:2em;
	}
	
	.big {
		width:400px;
		height:400px;
		background:grey;
	}
	
	.blue {
		width:100px;
		height:100px;
		background:blue;
	}
	
	p.bigtext { font-size:24pt; }
}