/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Creative Edge Design ltd
   ========================================================================== */
   
	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 744px) {

		html {
			font-size: 87.5%;
		}
		
		.wrapper {
			width: auto;
			padding: 0 1em;
		}
		
		.mobile {
			display:block;
		}
		
		.notformobile {
			display:none;
		}
		
		nav {
			display:none;
		}
		
		header {
			height: 17em;
		}
		header h6 {
			display:none;
		}
		
		iframe {
			border: none;
		}
		
		.tabs > ul {
			font-size: 1.75em;
		}
			.tabs > ul > li a {
				padding-left: 1em;
				font-size: 0.8em !important;
				background-size: 1em;
				background-image: none;
			}
			.tabs > ul > li a.selected {
				background-image: none;
			}
		
		.section-faqs h3 {
			font-size: 1.5em;
		}
		
		.section-newstweets .cols {
			display: block !important;
			float: none !important;
			width: auto !important;
			margin: 0 0 1em 0 !important;
			margin-right: 0 !important;
		}
		.section-form .cols {
			display: block !important;
			float: none !important;
			width: auto !important;
			margin-right: 0 !important;
		}
		
		.section-latest {
			padding: 2em 0;
		}
		.section-latest .pic {
			float: none;
			margin: 0 0 1em 0;
			width: auto;
		}
			.section-latest .pic img {
				width: 95%;
			}
		.section-latest .info {
			margin:0;
		}
		
		.section-footerpic h4 {
			font-size: 1.75em;
		}
			.section-footerpic h4 br {
				display:none;
			}

		.resourcefilters .item-right {
			float:none;
			margin:0;
		}
		.resourcefilters .item-title {
			padding:0;
		}
		.resourcefilters .item {
			float: none;
			margin:0 0 0.5em 0;
		}
			.resourcefilters .item:last-child {
				margin-bottom:0;
			}
		.resourcefilters .item input {
			width:100%;
			box-sizing:border-box;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}

		.section-resources .filerow .cell.cell-filetype {
			width: 23%;
			padding: 1em;
		}
		.section-resources .filerow .cell.cell-info {
			width: 75%;
			margin-left: 2%;
		}
		.section-resources .filerow .cell.cell-actions {
			display:none;
		}
	
	}

	/* ----------- */
	@media only screen 
	and (min-width: 745px) 
	and (max-width : 879px) {

		html {
			font-size: 75%;
		}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 880px) 
	and (max-width : 995px) {
		
		html {
			font-size: 87.5%;
		}
		
	}