/* Large desktop */
@media (min-width: 1441px) { 
	
	p,li {font-size:20px;}	
	h3 {font-size:27px;}
	h4 {font-size:24px;}
	
	#video-layout.text-box {width:768px;}
	video,#video-container  { width:768px; height:432px;}/*Aspect ratio 4:3   16:9 - 1024p x 576px*/
	#video-header h3, #video-footer h3 { font-size:24px;}
	#video-footer h4 {font-size:20px; }
	#video-box { left:40px;}
	#video-footer {min-height:120px;}
	#video-nav a {font-size:28px;}
	#menu_center, #content-area, #unit_center, #foot_center, #projector-content, #logo-images {left:40px; right:40px;}
	#content-area {right:320px; }
	#menu_strip, #menu_center,#unit_strip,#unit_center, #foot_strip, #foot_center {  height:40px;}
	#fullscreen{top:90px; bottom:40px;}
	#menu_center, #menu_strip {top:10px;}
	#unit_strip, #unit_center {top:50px;}
	#outer, #title {width:1400px; margin-left:-700px;} 
	#menu_icons a, #unit_center h2, #foot_center h2 { margin:5px 0px 0 40px; height:30px;}
	#menu_icons img, #menu_icons a , .icon {  background-size:30px 30px;  width:30px; height:30px;}
	#unit-prompt .next-tab { top:50%; margin-top:-15px; }
	#next-tab, #next-tab img, #max-tab { background-size:40px 40px;  width:40px; height:40px;}
	#projector-content {top:110px; }
	
	#main {height:300px; margin-top:-150px;	}
	#title { width:1440px; height:300px; margin-left:-700px; }
	#title img{	margin-left:100px; width:1200px; height:300px;}
	
	#aims {width:1200px; margin-left:-600px; }
	#aims h3{font-size:50px;}
	#aims .next-tab {margin-top:-25px;}
	#main-menu {width:680px; top:107px; margin-left:-350px;}
	#main-menu ul {width:630px; margin:20px 25px;}
	#main-menu li, #unit_center  h2, #foot_center h2{font-size:30px; line-height:30px;}
	
	#atebol-logo p  { line-height:40px;}
	#atebol-logo p,#foot_center h2 { font-size:14px;}
	#unit_center h2, #foot_center h2 {margin-left:0px;}
	#content-area {top:120px;  }
	
	#one-column-text-box {padding:20px 80px 20px 20px ;}
	
	.text-scroller {height:160px;}
	
	.menu-dropdown-area {top:98px; right:20px;width:260px;}
	.menu-dropdown-area li { font-size:15px;	}
	.dropdown-pointer { left:8px; top:-5px; }
	.dropdown-pointer img{ width:15px!important; height:15px!important;}
	
	
	
	#game-title , #game-board {width:1040px;}
	.game-partition, .title-partition{width:518px;}
	.game-paragraphs p {padding:10px;}
	.game-indents {height:59px;}
	
	.number-partition { width:59px; }
	.number-title { width:59px; }
	.number-title h3 {line-height:59px;}
	#game-top-unit3 .game-partition {width:457px;}
	
	
	
	.link-box {	width:100%;}
	.text-link {max-width:900px;height:50px;}
	.icon-link {	max-width:50px;	max-height:50px;}
	.text-link p{	margin:10px 0px;}
	#text-layout-splash-background .next-tab, #drag-and-drop-layout .next-tab {	bottom:15px; }
	
	
	.talking-heads h2 { font-size:36px; letter-spacing:2px;}
	.chat-area p  {font-size:24px;}
	.chat-area .button-class img {width:200px; height:200px;}
	.chat-area { width:700px;	height:200px;	}
	.head-area img{width:250px;height:250px;}
	
	
	.small-section li, 	.small-section p {font-size:32px;} 		.small-section h3 {font-size:42px;} .small-section h4 {font-size:36px;}
	.medium-section li, .medium-section p {font-size:28px;} 		.medium-section h3 {font-size:38px;} .medium-section h4 {font-size:32px;}
	.large-section li, 	.large-section p {font-size:26px;} 		.large-section h3 {font-size:34px;} .large-section h4 {font-size:30px;}
	
	#help-image img {margin-top:-80px; width:1100px; height:835px;}
	
	#help-screen-image-div { width:450px; height:400px; top:220px; left:100px; }

	#help-screen-image-div h3 { font-size:22px; }
	#acknowledgements-box { width:450px; height:240px; }
	#acknowledgements-box  h4 { font-size:20px; }
	#acknowledgements-box  p, #acknowledgements-box  a { font-size:16px; }
	#acknowledgements-box img { width:450px; height:194px;}

}

@media (min-width: 1200px) and (max-width: 1440px) { 
	
	p,li {font-size:14px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	
	
	#video-layout.text-box {width:500px;}
	video,#video-container  { width:500px; height:281px;}/*Aspect ratio 16:9 */
	#video-box { left:30px;}
	#video-header h3, #video-footer h3 { font-size:14px;}
	#video-footer h4 {font-size:12px; }
	#video-footer {min-height:80px;}
	#video-nav a {font-size:15px;}
	#menu_center, #content-area, #unit_center, #foot_center, #projector-content , #logo-images{left:30px; right:30px;}
	#content-area {right:230px; }
	#menu_strip, #menu_center,#unit_strip,#unit_center, #foot_strip, #foot_center {  height:30px;}
	#atebol-logo p   { line-height:30px;}
	#fullscreen{top:70px; bottom:30px;}
	#menu_center, #menu_strip {top:10px;}
	#unit_strip, #unit_center {top:40px;}
	
	#projector-content {top:90px; }
	#outer, #title{width:1024px; margin-left:-512px;}
	
	#menu_icons a, #unit_center  h2, { margin:5px 0px 0 30px; height:20px;}
	#menu_icons img, #menu_icons a , .icon, {  background-size:20px 20px;  width:20px; height:20px;}
	#unit-prompt .next-tab { top:50%; margin-top:-10px; }
	#unit_center  h2, #foot_center h2 {margin-left:0px;}
	
	#next-tab, #next-tab img, #max-tab { background-size:30px 30px;  width:30px; height:30px;}
	
	#main {height:200px; margin-top:-100px;	}
	#title { width:1000px; height:200px; margin-left:-500px; }
	#title img{ width:1000px; height:200px;}
	
	#aims h3 {font-size:40px;}
	#aims .next-tab {margin-top:-15px;}
	#main-menu {width:480px; top:65px; margin-left:-250px;}
	#main-menu ul {width:440px; margin:15px 20px;}
	#main-menu li,#unit_center  h2, #foot_center h2  {font-size:20px; line-height:20px;}
	
	#atebol-logo p, #foot_center h2  { font-size:12px;}
	#atebol-logo p   { line-height:30px;}
	
	#unit_strip {top:40px;}
	
	#content-area {top:85px; }
	
	
	.text-scroller {height:160px;}

	.menu-dropdown-area {top:78px; right:15px; width:180px;}
	.menu-dropdown-area li { font-size:12px;}
	.menu-dropdown-area h3 { font-size:16px;}
	.dropdown-pointer { left:2px; top:-5px; }
	.dropdown-pointer img{ width:15px!important; height:15px!important;}
	
	#video-blackout {top: 30px;}
	
	#game-title, #game-board {width:764px;}
	.game-partition, .title-partition  {width:381px;}
	.game-indents, .number-title  {height:40px;}
	.game-indents .game-paragraphs p {font-size:0.8em;}
	.game-prompt h3 {font-size:1.1em;}
	#game-container{height:110px; }
	#game-bottom {height:200px; width:765px;}
	
	.number-partition { width:40px; }
	.number-title { width:40px; }
	.number-title h3 {line-height:40px;}
	#game-top-unit3 .game-partition {width:339px;}
	
	.link-box {	width:100%;}
	.text-link {max-width:600px;height:30px;}
	.icon-link {	max-width:30px;	max-height:30px;}
	.text-link p{	margin:6px 0px;}
	#text-layout-splash-background .next-tab, #drag-and-drop-layout .next-tab {	bottom:20px; }
	

	
	.talking-heads h2 { font-size:28px; letter-spacing:1px;}
	.chat-area p  {font-size:18px;}
	.chat-area .button-class img {width:150px; height:150px;}
	.chat-area { width:500px;	height:150px;}
	.head-area img{width:200px;height:200px;}
	
	.small-section li, 	.small-section p {font-size:30px;} 		.small-section h3 {font-size:40px;} .small-section h4 {font-size:36px;}
	.medium-section li, .medium-section p {font-size:26px;} 		.medium-section h3 {font-size:36px;} .medium-section h4 {font-size:32px;}
	.large-section li, 	.large-section p {font-size:22px;} 		.large-section h3 {font-size:28px;} .large-section h4 {font-size:24px;}
	
	#help-image img {margin-top:-50px; width:750px; height:563px;}
	
	#help-screen-image-div{width:320px; height:290px; top:155px; left:65px; }
	#help-screen-image-div h3 { font-size:18px; }
	#marquee { height:130px; width:100%;  }
	#acknowledgements-box { width:320px; height:145px; }
	#acknowledgements-box  h4 { font-size:16px; }
	#acknowledgements-box  p, #acknowledgements-box  a { font-size:12px; }
	.icon-link img { width:20px; height:20px; }
	#downloadable-content-box .icon-link { padding:6px 2px 2px 0px;}
	#acknowledgements-box img { width:320px; height:138px;}

	
}

@media (min-width: 768px) and (max-width: 1199px) { 
	p,li {font-size:12px;}
	h3 {font-size:18px;}
	h4 {font-size:16px;}
	
	
	#fullscreen{top:70px; bottom:30px;}
	#video-layout.text-box {width:400px;}
	video,#video-container  { width:400px; height:225px;}/*Aspect ratio 4:3   16:9 - 768px x 432px*/
	#video-header h3, #video-footer h3 { font-size:12px;}
	#video-footer h4 {font-size:10px; }
	#video-box { left:40px;}
	#video-footer {min-height:50px;}
	#video-nav a {font-size:12px;}
	#large-play-video img{ width:70px; height:70px;} #video-container .large-button {margin-top: -95px;   margin-left: -35px; top:50%;}
	#menu_center, #content-area, #unit_center, #foot_center , #logo-images{left:20px; right:20px;}
	#content-area {right:210px; }
	#menu_strip, #menu_center,#unit_strip,#unit_center, #foot_strip, #foot_center {  height:30px;}
	#atebol-logo p   { line-height:30px;}
	#projector-content {top:90px; }
	#menu_center, #menu_strip {top:10px;}
	#unit_strip, #unit_center {top:40px;}
	#next-tab, #next-tab img, #max-tab { background-size:20px 20px;  width:20px; height:20px;}
	#outer, #title{width:900px; margin-left:-450px;}
	
	#menu_icons a, #unit_center  h2, { margin:5px 0px 0 30px; height:20px;}
	#menu_icons img, #menu_icons a , .icon, {  background-size:20px 20px;  width:20px; height:20px;}
	#unit-prompt .next-tab { top:50%; margin-top:-10px; }
	#unit_center  h2, #foot_center h2 {margin-left:0px;}
	
	#main {height:200px; margin-top:-100px;	}
	#title { width:1000px; height:200px; margin-left:-500px; }
	#title img{ width:1000px; height:200px;}
	
	#aims h3 {font-size:40px;}
	#aims .next-tab {margin-top:-15px;}
	#main-menu {width:480px; top:65px; margin-left:-250px;}
	#main-menu ul {width:440px; margin:15px 20px;}
	#main-menu li,#unit_center  h2, #foot_center h2  {font-size:20px; line-height:20px;}
	
	#atebol-logo p, #foot_center h2  { font-size:12px;}
	#atebol-logo p   { line-height:30px;}
	
	
	
	#unit_strip {top:40px;}
	
	#content-area {top:85px; }
	.text-scroller {height:160px;}

	.menu-dropdown-area {top:74px; right:10px; width:170px;}
	.menu-dropdown-area li { font-size:12px;}
	.dropdown-pointer { left:2px; top:-5px; }
	.dropdown-pointer img{ width:15px!important; height:15px!important;}
	
	#video-footer {min-height:50px;}
	
	#game-title, #game-board {width:670px;}
	.game-partition, .title-partition{width:334px;}
	.game-indents {height:47px;}
	.game-indents .game-paragraphs p {font-size:0.7em;}
	.game-paragraphs p {font-size:0.8em;}
	.game-prompt h3 {font-size:0.9em;}
	#game-container{height:110px; }
	#game-bottom {height:200px;}
	
	.number-partition { width:47px; }
	.number-title { width:47px; }
	.number-title h3 {line-height:47px;}
	#game-top-unit3 .game-partition {width:285px;}
	
	
	
	.link-box {	width:100%;}
	.text-link {max-width:600px;height:30px;}
	.icon-link {	max-width:30px;	max-height:30px;}
	.text-link p{	margin:6px 0px;}
	#text-layout-splash-background .next-tab, #drag-and-drop-layout .next-tab {	bottom:20px; }
	
	.talking-heads h2 { font-size:28px; letter-spacing:1px;}
	.chat-area p  {font-size:16px;}
	.chat-area .button-class img {width:100px; height:100px;}
	.chat-area { width:400px;	height:100px;}
	.head-area img{width:150px;height:150px;}
	
	.small-section li, 	.small-section p {font-size:26px;} 		.small-section h3 {font-size:36px;} .small-section h4 {font-size:32px;}
	.medium-section li, .medium-section p {font-size:22px;} 		.medium-section h3 {font-size:30px;} .medium-section h4 {font-size:26px;}
	.large-section li, 	.large-section p {font-size:18px;} 		.large-section h3 {font-size:24px;} .large-section h4 {font-size:22px;}
	
	#video-blackout {top: 25px;}
	#help-image img {margin-top:-50px; width:750px; height:563px;}
	
	#help-screen-image-div{width:320px; height:290px; top:155px; left:65px; }
	#help-screen-image-div h3 { font-size:18px; }
	#marquee { height:130px; width:100%;  }
	#acknowledgements-box { width:320px; height:145px; }
	#acknowledgements-box  h4 { font-size:16px; }
	#acknowledgements-box  p, #acknowledgements-box  a { font-size:12px; }
	.icon-link img { width:20px; height:20px; }
	#downloadable-content-box .icon-link { padding:6px 2px 2px 0px;}
	#acknowledgements-box img { width:320px; height:138px;} 
	
	
}
	
	
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }