
@font-face {
    font-family: 'grotteregular';
    src: url('../fonts/grotte-regular-webfont.woff2') format('woff2'),
         url('../fonts/grotte-regular-webfont.woff') format('woff'),
		 url('../fonts/grotte-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'grottebold';
    src: url('../fonts/grotte-bold-webfont.woff2') format('woff2'),
         url('../fonts/grotte-bold-webfont.woff') format('woff'),
	     url('../fonts/grotte-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'grottelight';
    src: url('../fonts/grotte-light-webfont.woff2') format('woff2'),
         url('../fonts/grotte-light-webfont.woff') format('woff'),
	     url('../fonts/grotte-light-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;

}


.fallbackBold	{font-family: Helvetica, Arial, "sans-serif"; font-weight: 700;}
input, textarea	{font-family: Helvetica, Arial, "sans-serif"; font-weight: 300;}



/* Prevent line Wrap */


.noWrap {white-space: nowrap; overflow: hidden;}



/* Apostrophe spacing fix */

.apostSpace {padding: 0 0.1px !important;} 




/* - - - - - Style - - - - - */

body, p, label, button	
	{font-family: 'grotteregular', Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, li a, p > strong, a li, .landingHead a, a span.backText
	{font-family: 'grottebold', Arial, Helvetica, sans-serif;}

body, p, label, h1, h2, h3, h4, h5, h6, li, a { color:#222222; letter-spacing: -0.25px;}

h5.centre {text-align: center;}

/* - - - - - Sizing - - - - - */

h1 	{font-size: 48px; line-height: 56px; margin: 0 0 40px 0;}
h2 	{font-size: 40px; line-height: 48px; margin: 0 0 20px 0;}
h3 	{font-size: 32px; line-height: 38px; margin: 0 0 24px 0;}
h4 	{font-size: 24px; line-height: 32px; margin: 0 0 18px 0;}
h5 	{font-size: 20px; line-height: 28px; margin: 0 0 16px 0;}
h6  {font-size: 14px; line-height: 20px; margin: 0 0 12px 0;}

p, p.med, section.content li {font-size: 18px; line-height: 32px; margin: 0 0 18px 0;}
p.small  {font-size: 12px; line-height: 20px; margin: 0 0 12px 0;}

label      		  {font-size: 16px; line-height: 22px;}
section.courseTag {font-size: 16px; line-height: 16px;}

.global-head li * 			{font-size: 18px; line-height: 18px;}
ul.language li a, footer li 	{font-size: 14px; line-height: 20px; }

section.content h4, section.courseBody h4 {margin: 32px 0;}
.courseItemPage h4 {margin-top: 0px!important;}

section.content ul {margin: 24px 48px 32px 24px !important; display: block;}
section.content li {list-style:disc; margin-left: 18px;}

* ::selection {background-color: #222222; color: #ffffff;}

section.content ol li {list-style:decimal !important; margin-left: 36px !important; line-height: 28px !important;}

section.content h5, section.courseBody h5 {margin-top: 32px !important;}



/* 
= = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = =

R E S P O N S I V E  

= = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/



/* Small + Medium ----------- */
@media only screen 
and (min-width : 0px) 
and (max-width : 767px) {
	
	

/* - - - - - Sizing - - - - - */

h1 	{font-size: 34px; line-height: 40px; margin: 0 0 24px 0;}
h2 	{font-size: 30px; line-height: 38px; margin: 0 0 20px 0;}
h3 	{font-size: 28px; line-height: 34px; margin: 0 0 24px 0;}
h4 	{font-size: 24px; line-height: 30px; margin: 0 0 18px 0;}
h5 	{font-size: 20px; line-height: 28px; margin: 0 0 16px 0;}
h6  {font-size: 14px; line-height: 20px; margin: 0 0 12px 0;}

p.med 	 {font-size: 16px; line-height: 24px; margin: 0 0 16px 0;}	

label      		  {font-size: 16px; line-height: 22px;}
section.courseTag {font-size: 16px; line-height: 16px;}

.navigation a li 	{font-size: 20px; line-height: 20px; text-align: center;}

footer li 	{font-size: 14px; line-height: 20px; }
	
.navigation > a li:hover,  li:hover {text-decoration: none !important;}	
	
	
	
	 

}


.red > *, .red li {color: red !important;}







