/*
 * ---:[ Thesis CSS reset ]:---
 */
* {
  margin: 0;
  padding: 0;
  word-wrap: break-word; }

html {
  -webkit-text-size-adjust: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img,
abbr,
acronym,
fieldset {
  border: 0; }

code {
  line-height: 1em; }

pre {
  overflow: auto;
  clear: both;
  word-wrap: normal;
  -moz-tab-size: 4;
  tab-size: 4; }

sub,
sup {
  line-height: 0.5em; }

img,
.wp-caption {
  max-width: 100%;
  height: auto; }

iframe,
video,
embed,
object {
  display: block;
  max-width: 100%; }

img {
  display: block; }

.left,
.alignleft,
img[align="left"] {
  display: block;
  float: left; }

.right,
.alignright,
img[align="right"] {
  display: block;
  float: right; }

.center,
.aligncenter,
img[align="middle"] {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  float: none;
  clear: both; }

.block,
.alignnone {
  display: block;
  clear: both; }

input[type="submit"],
button {
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none; }

.wp-smiley {
  display: inline; }

/*
 * ---:[ layout structure ]:---
 */
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 29px;
  color: #3f3f3f;
  background-color: white;
  padding-top: 26px; }

body.landing {
  padding-top: 0; }

.container {
  width: 900px;
  margin: 0 auto; }

.landing .container {
  width: 900px; }

.columns,
.columns > .content,
.columns > .sidebar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.columns > .content {
  width: 900px;
  float: none;
  border-width: 0;
  border-style: solid;
  border-color: white; }

.columns > .sidebar {
  width: 100%;
  float: none;
  border-top: 3px double white;
  padding: 26px 26px 0 26px; }

/*
 * ---:[ links ]:---
 */
a {
  color: #dd0000;
  text-decoration: none; }

p a {
  text-decoration: underline; }

p a:hover {
  text-decoration: none; }

/*
 * ---:[ nav menu ]:---
 */
.menu {
  position: relative;
  z-index: 50;
  list-style: none;
  border-width: 0 0 1px 1px;
  border-style: solid; }

.menu li {
  position: relative;
  float: left;
  margin-bottom: -1px; }

.menu .sub-menu {
  position: absolute;
  left: -1px;
  display: none;
  list-style: none;
  z-index: 110;
  margin-top: -1px; }

.menu .sub-menu .sub-menu {
  top: 0;
  left: 182px;
  margin: 0 0 0 -1px; }

.menu li:hover > .sub-menu {
  display: block; }

.menu .sub-menu li {
  width: 182px;
  clear: both; }

.menu a,
.menu_control {
  display: block;
    /*
   * $menu
   */
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #3f3f3f;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: white;
  padding: 0.3em 1.1em; }

.menu a:hover {
  background-color: white; }

.menu_control {
  display: none;
  background-color: white; }

.menu .sub-menu a {
  border-left-width: 1px; }

.menu,
.menu a,
.menu .sub-menu {
  border-color: white; }

.menu .current-menu-item > a {
  border-bottom-color: white;
  background-color: white;
  cursor: text; }

.menu .sub-menu .current-menu-item > a {
  border-bottom-color: white; }

/*
 * ---:[ header ]:---
 */
.header {
  border-bottom: 3px double white;
  padding: 26px; }

.landing .header {
  text-align: center; }

#site_title {
  font-size: 42px;
  line-height: 1.32em;
  font-weight: bold;
  color: #3f3f3f; }

#site_title a {
  color: #3f3f3f; }

#site_title a:hover {
  color: #dd0000; }

#site_tagline {
  font-size: 16px;
  color: #888888;
  line-height: 1.32em; }

/*
 * ---:[ golden ratio typography with spaced paragraphs ]:---
 */
.grt,
.grt h3 {
  font-size: 16px;
  line-height: 29px; }

.grt .headline {
  font-size: 26px;
  line-height: 42px;
  margin: 0; }

.grt h2 {
  font-size: 20px;
  line-height: 34px;
  margin-top: 39px;
  margin-bottom: 13px; }

.grt .small,
.grt .caption {
  font-size: 13px;
  line-height: 25px; }

.grt .drop_cap {
  font-size: 52px;
  line-height: 1em;
  margin-right: 0.15em;
  float: left; }

.grt p,
.grt ul,
.grt ol,
.grt blockquote,
.grt pre,
.grt dl,
.grt dd,
.grt .center,
.grt .block,
.grt .caption,
.post_box .aligncenter,
.post_box .alignnone,
.post_box .post_image,
.post_box .post_image_box,
.post_box .wp-caption,
.post_box .wp-post-image,
.post_box .alert,
.post_box .note,
.headline_area {
  margin-bottom: 26px; }

.grt ul,
.grt ol,
.grt .stack {
  margin-left: 26px; }

.grt ul ul,
.grt ul ol,
.grt ol ul,
.grt ol ol,
.wp-caption p,
.post_box .alert p:last-child,
.post_box .note p:last-child,
.post_content blockquote.right p,
.post_content blockquote.left p {
  margin-bottom: 0; }

.grt .left,
.post_box .alignleft,
.post_box .ad_left {
  margin-bottom: 26px;
  margin-right: 26px; }

.grt .right,
.post_box .alignright,
.post_box .ad {
  margin-bottom: 26px;
  margin-left: 26px; }

.grt .caption {
  margin-top: -13px;
  color: #888888; }

/*
 * ---:[ golden ratio pullquotes ]:---
 */
.grt blockquote.right,
.grt blockquote.left {
  font-size: 26px;
  line-height: 38px;
  width: 45%;
  margin-bottom: 13px; }

.grt blockquote.right,
.grt blockquote.left {
  padding-left: 0;
  border: 0; }

/*
 * ---:[ post box styles ]:---
 */
.post_box {
  padding: 26px 26px 0 26px;
  border-top: 1px dotted white; }

.top {
  border-top: 0; }

.post_box .headline,
.headline a {
  color: #3f3f3f; }

.headline a:hover {
  color: #dd0000; }

.byline,
.byline a {
  color: #888888; }

.byline a {
  border-bottom: 1px solid white; }

.byline a,
.post_author,
.post_date {
  text-transform: uppercase;
  letter-spacing: 1px; }

.byline a:hover,
.num_comments {
  color: #3f3f3f; }

.byline .post_edit {
  margin-left: 13px; }

.byline .post_edit:first-child {
  margin-left: 0; }

.post_author_intro,
.post_date_intro,
.byline .post_cats_intro {
  font-style: italic; }

.post_box h2,
.post_box h3 {
  color: #3f3f3f; }

.post_box h3 {
  font-weight: bold; }

.post_box ul {
  list-style-type: square; }

.post_box blockquote {
  color: #888888;
  margin-left: 13px;
  padding-left: 13px;
  border-left: 1px solid white; }

.post_box code {
  font-family: Consolas, Menlo, Monaco, Courier, Verdana, sans-serif; }

.post_box pre {
  font-family: Consolas, Menlo, Monaco, Courier, Verdana, sans-serif;
  background-color: white;
  padding: 13px;
  -webkit-tab-size: 4;
  -moz-tab-size: 4;
  tab-size: 4; }

.post_content li a {
  text-decoration: underline; }

.post_content li a:hover {
  text-decoration: none; }

.post_box .frame,
.post_box .post_image_box,
.post_box .wp-caption {
  border: 1px solid white;
  background-color: white;
  padding: 13px; }

.post_box .wp-caption img,
.post_box .post_image_box .post_image,
.post_box .thumb {
  margin-bottom: 13px; }

.wp-caption.aligncenter img {
  margin-right: auto;
  margin-left: auto; }

.wp-caption .wp-caption-text .wp-smiley {
  display: inline;
  margin-bottom: 0; }

.post_box .wp-caption p {
  font-size: 13px;
  line-height: 25px; }

.post_box .author_description {
  border-top: 1px dotted white;
  padding-top: 26px; }

.post_box .author_description_intro {
  font-weight: bold; }

.post_box .avatar {
  width: 67px;
  height: 67px;
  float: right;
  clear: both;
  margin-left: 13px; }

.post_box .author_description .avatar {
  width: 87px;
  height: 87px;
  float: left;
  margin-right: 13px;
  margin-left: 0; }

.post_box .post_cats,
.post_box .post_tags {
  color: #888888; }

.post_box .alert,
.post_box .note {
  padding: 13px; }

.post_box .alert {
  background-color: #ffff99;
  border: 1px solid #e6e68a; }

.post_box .note {
  background-color: white;
  border: 1px solid white; }

.landing .headline_area {
  text-align: center; }

/*
 * ---:[ other post box styles ]:---
 */
.num_comments_link {
  display: inline-block;
  color: #888888;
  text-decoration: none;
  margin-bottom: 26px; }

.num_comments_link:hover {
  text-decoration: underline; }

.bracket,
.num_comments {
  font-size: 26px; }

.bracket {
  color: white; }

/*
 * ---:[ misc. content elements ]:---
 */
.archive_intro {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: white; }

.archive_intro .headline {
  margin-bottom: 26px; }

.prev_next {
  clear: both;
  color: #888888;
  border-top: 1px solid white;
  padding: 13px 26px; }

.prev_next .next_posts {
  float: right; }

.previous_posts,
.next_posts {
  display: block;
  font-size: 13px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 2px; }

.previous_posts a:hover,
.next_posts a:hover {
  text-decoration: underline; }

/*
 * ---:[ comments ]:---
 */
#comments {
  margin-top: 52px; }

.comments_intro {
  color: #888888;
  margin-bottom: 13px;
  padding: 0 26px; }

.comments_closed {
  font-size: 13px;
  line-height: 25px;
  color: #888888;
  margin: 0 26px 26px 26px; }

.comment_list {
  list-style-type: none;
  margin-bottom: 52px;
  border-top: 1px dotted white; }

.comment {
  border-bottom: 1px dotted white;
  padding: 26px; }

.children .comment {
  list-style-type: none;
  margin-top: 26px;
  border-left: 1px solid white;
  border-bottom: 0;
  padding: 0 0 0 26px; }

.children .bypostauthor {
  background-color: transparent;
  border-color: #dd0000; }

.comment .comment_head {
  margin-bottom: 13px; }

.children .comment_head {
  margin-bottom: 0; }

.comment .comment_author {
  font-weight: bold; }

.comment_date {
  font-size: 13px;
  margin-left: 13px;
  color: #888888; }

.comment_date a {
  color: #888888; }

.comment_footer a {
  font-size: 13px;
  line-height: 25px;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 13px; }

.comment_head a:hover,
.comment_footer a:hover,
.comment_nav a:hover {
  text-decoration: underline; }

.comment_footer a:first-child {
  margin-left: 0; }

.comment .avatar {
  width: 58px;
  height: 58px;
  float: right;
  margin-left: 13px; }

.comment_nav {
  font-size: 13px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-style: dotted;
  border-color: white;
  padding: 13px 26px; }

.comment_nav_top {
  border-width: 1px 0 0 0; }

.comment_nav_bottom {
  margin: -52px 0 52px 0;
  border-width: 0 0 1px 0; }

.next_comments {
  float: right; }

/*
 * ---:[ inputs ]:---
 */
.input_text {
  font-size: inherit;
  line-height: 1em;
  font-family: inherit;
  font-weight: inherit;
  color: #3f3f3f;
  border: 1px solid white;
  background-color: white;
  padding: 0.35em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.input_text:focus {
  border-color: white;
  background-color: white; }

textarea.input_text {
  line-height: 29px; }

.input_submit {
  font-size: 20px;
  line-height: 1em;
  font-family: inherit;
  font-weight: bold;
  border: 1px solid black;
  background: white url(\\\'images/bg-button.png\\\') repeat-x;
  padding: 0.5em;
  cursor: pointer;
  overflow: visible; }

/*
 * ---:[ comment form ]:---
 */
#commentform {
  margin: 52px 0;
  padding: 0 26px; }

.comment #commentform {
  margin-top: 0;
  padding-right: 0;
  padding-left: 0; }

.comment_form_title {
  font-size: 20px;
  line-height: 34px;
  color: #3f3f3f;
  margin: 0 -26px;
  border-bottom: 1px dotted white;
  padding: 0 26px 13px 26px; }

#commentform label {
  display: block; }

#commentform p {
  margin-bottom: 13px; }

#commentform p .required {
  color: #dd0000; }

.comment_moderated {
  font-weight: bold; }

#commentform .input_text {
  width: 50%; }

#commentform textarea.input_text {
  width: 100%; }

#cancel-comment-reply-link {
  float: right;
  font-size: 13px;
  line-height: inherit;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #dd0000; }

#cancel-comment-reply-link:hover {
  text-decoration: underline; }

.login_alert {
  font-weight: bold;
  border: 1px solid white;
  background-color: white; }

/*
 * ---:[ sidebar ]:---
 */
.sidebar {
  font-size: 13px;
  line-height: 19px; }

.sidebar .headline,
.sidebar .sidebar_heading,
.sidebar .widget_title {
  font-size: 21px;
  line-height: 30px; }

.sidebar .sidebar_heading,
.sidebar .widget_title {
  font-variant: small-caps;
  letter-spacing: 1px;
  margin-bottom: 10px; }

.sidebar .input_submit {
  font-size: inherit; }

.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar blockquote,
.sidebar pre,
.sidebar dl,
.sidebar dd,
.sidebar .left,
.sidebar .alignleft,
.sidebar .ad_left,
.sidebar .right,
.sidebar .alignright,
.sidebar .ad,
.sidebar .center,
.sidebar .aligncenter,
.sidebar .block,
.sidebar .alignnone {
  margin-bottom: 19px; }

.sidebar .left,
.sidebar .alignleft,
.sidebar .ad_left {
  margin-right: 19px; }

.sidebar ul ul,
.sidebar ul ol,
.sidebar ol ul,
.sidebar ol ol,
.sidebar .right,
.sidebar .alignright,
.sidebar .ad,
.sidebar .stack {
  margin-left: 19px; }

.sidebar ul ul,
.sidebar ul ol,
.sidebar ol ul,
.sidebar ol ol,
.wp-caption p,
.sidebar .post_excerpt p {
  margin-bottom: 0; }

.widget,
.sidebar .text_box,
.sidebar .thesis_email_form,
.sidebar .query_box {
  margin-bottom: 38px; }

.sidebar .thesis_email_form .input_text,
.widget li {
  margin-bottom: 10px; }

.sidebar .search-form .input_text,
.sidebar .thesis_email_form .input_text {
  width: 100%; }

.sidebar .query_box .post_author,
.sidebar .query_box .post_date {
  color: #888888; }

.sidebar .post_content,
.widget li ul,
.widget li ol {
  margin-top: 10px; }

.widget ul {
  list-style-type: none; }

.widget li a:hover {
  text-decoration: underline; }

/*
 * ---:[ footer ]:---
 */
.footer {
  font-size: 13px;
  line-height: 25px;
  text-align: right;
  color: #888888;
  border-top: 3px double white;
  padding: 13px 26px; }

.footer a {
  color: #888888; }

.footer a:hover {
  color: #3f3f3f; }

.landing .footer {
  text-align: center; }

/*
 * ---:[ media queries ]:---
 */
/*
 * 
 * @media all and (max-width: 900px) {
 * body {
 * padding-top: 0;
 * }
 * .container, .landing .container {
 * width: auto;
 * max-width: 900px;
 * }
 * .header {
 * border-top: 1px solid #ffffff;
 * }
 * .landing .header {
 * border-top: 0;
 * }
 * .columns > .content {
 * float: none;
 * width: 100%;
 * border: 0;
 * }
 * .columns > .sidebar {
 * float: none;
 * width: 100%;
 * border-top: 3px double #ffffff;
 * }
 * .menu_control {
 * display: block;
 * width: 100%;
 * border-width: 0;
 * background-color: #FFFFFF;
 * padding: 1em 26px;
 * cursor: pointer;
 * -webkit-box-sizing: border-box;
 * -moz-box-sizing: border-box;
 * box-sizing: border-box;
 * }
 * .menu {
 * display: none;
 * width: 100%;
 * border-width: 1px 0 0 0;
 * clear: both;
 * }
 * .show_menu {
 * display: block;
 * }
 * .menu .sub-menu {
 * position: static;
 * display: block;
 * margin: 0;
 * border-top: 1px solid #ffffff;
 * padding-left: 26px;
 * }
 * .menu li {
 * width: 100%;
 * float: none;
 * margin-bottom: 0;
 * }
 * .menu .sub-menu li {
 * width: 100%;
 * }
 * .menu a {
 * border-width: 1px 1px 0 0;
 * background-color: #FFFFFF;
 * padding: 1em 26px;
 * }
 * .menu .current-menu-item > a {
 * background-color: #ffffff;
 * }
 * .menu > li > a {
 * border-left-width: 1px;
 * }
 * .menu li:first-child > a:first-child {
 * border-top-width: 0;
 * }
 * .sidebar .search-form .input_text, .sidebar .thesis_email_form .input_text {
 * width: 50%;
 * }
 * }
 * @media all and (max-width: 900px) {
 * .menu a {
 * border-right-width: 0;
 * }
 * .menu > li > a {
 * border-left-width: 0;
 * }
 * .post_box .frame, .post_box .post_image_box, .post_box .wp-caption {
 * -webkit-box-sizing: border-box;
 * -moz-box-sizing: border-box;
 * box-sizing: border-box;
 * }
 * }
 * @media all and (max-width: 450px) {
 * .menu a, .menu_control {
 * padding: 1em 13px;
 * }
 * .header, .columns > .sidebar, .post_box, .prev_next, .comments_intro, .comment, .comment_nav, #commentform, .comment_form_title, .footer {
 * padding-right: 13px;
 * padding-left: 13px;
 * }
 * .menu .sub-menu, .children .comment {
 * padding-left: 13px;
 * }
 * .comments_closed, .login_alert {
 * margin-right: 13px;
 * margin-left: 13px;
 * }
 * .comment_form_title {
 * margin-left: -13px;
 * margin-right: -13px;
 * }
 * .right, .alignright, img[align=\\\"right\\\"], .left, .alignleft, img[align=\\\"left\\\"] {
 * float: none;
 * }
 * .grt .right, .grt .left, .post_box .alignright, .post_box .alignleft, .grt blockquote.right, .grt blockquote.left {
 * margin-right: 0;
 * margin-left: 0;
 * }
 * .post_author:after {
 * content: \\\'\\\\a\\\';
 * height: 0;
 * white-space: pre;
 * display: block;
 * }
 * .grt blockquote.right, .grt blockquote.left, #commentform .input_text, .sidebar .search-form .input_text, .sidebar .thesis_email_form .input_text {
 * width: 100%;
 * }
 * .post_box blockquote {
 * margin-left: 0;
 * }
 * .comment_date {
 * display: none;
 * }
 * }
 */
/*
 * ---:[ clearfix ]:---
 */
.columns:after,
.menu:after,
.post_box:after,
.post_content:after,
.author_description:after,
.sidebar:after,
.query_box:after,
.prev_next:after,
.comment_text:after,
.comment_nav:after {
  display: table;
  clear: both;
  content: ''; }

#site_title {
  line-height: 0.1em; }

#site_title a {
  display: inline-block; }



/*
 * ---:[ custom CSS ]:---
 */


.backgroundgreen {
	background-color: #00B2C0;
}

.backgroundpink {
	background-color: #EF3781;
}

.backgroundorange {
	background-color: #FF8E01;
}

.backgroundpurple {
	background-color: #A685BC;
}

.backgroundyellow {
	background-color: #F8C605;
}

.backgroundblue {
	background-color: #65b1e3;
}

.backgroundgrey {
	background-color: #C9CED2;
}

body {
	font-family: 'Ubuntu', sans-serif;
	padding-top: 0.1px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.arrow {
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	width: 40px;
	top: 20px;
	position: relative;
}

.grt .headline, .grt h1 {
	font-weight: bold;
	font-family: 'Cabin Sketch', sans-serif;
	font-size: 40px;
	line-height: 50px;
}

	.grt h3 {
	font-weight: bold;
	font-family: 'Cabin Sketch', sans-serif;
	font-size: 30px;
	line-height: 35px;
}

.grt p {
	font-size: 20px;
	line-height: 28px;
  	margin-top: 0px;
	margin-bottom: 10px;
}  

.header {
	overflow: auto;
	z-index: 10;
	position: fixed;
	background-color: white;
	border-style: none;
	width: 100%;	
	padding: 10px 0px 10px 0px;
}

.headerwidth {
	max-width: 1480px;
  	margin-left: auto;
  	margin-right: auto;
}

.secondaryheaderwidth {
	max-width: 1480px;
  	margin-left: 5%;
  	margin-right: auto;
}

#logo {
	display: inline-block;
	width: 227px;
	margin: 10px 10px 10px 20px;
}

.menu {
	display: inline-block;
	border-style: none;
	margin-bottom: 20px;
}


.menu a:hover {
	color: #DD0000;
}

.menu-item a.mPS2id-highlight-first { 
	color: #DD0000; 
}

.menu a, .menu_control {
	text-transform: lowercase;
	border-style: none;
	background-color: #ffffff;
	font-size: 35px;
	line-height: 35px;
	font-family: 'Cabin Sketch', sans-serif;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 1vw;
	padding-left: 1vw;
}

.pagewidth {
  clear: both;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px 0px 20px;
}	

.homecontainer {
	width: 100%;
	clear: both;
}

.homesection {
	width: 100%;
}

.centre {
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}

#gumption {
	padding-top: 10px;
	padding-bottom: 10px;
}


.smallfont .headline {
	font-size: 30px;
	line-height: 35px;
}

#site_title {
	font-size: 3vw;
	text-transform: lowercase;
	float: left;
	width: 15%;
	font-family: 'Cabin Sketch', sans-serif;
	line-height: 70%;
}

.cleardiv {
	clear: both;
}

#ourwork {
	margin-top: 100px;
}

.definition {
	float: left;
	width: 29%;
	padding: 1%;
	margin: 1%;
}

.definition h1 {
	font-weight: bold;
	font-family: 'Cabin Sketch', sans-serif;
	font-size: 2vw;
}

.definition p {
	font-size: 1.3vw;
	line-height: 1.8vw;
}


/** Make the font for image tiles smaller *
.wp-tiles-tile-with-image .wp-tiles-byline-content {
    font-size: 0.2em;
}*/

.teammember {
	margin-top: 1%;
	width: 88%;
	padding: 0 6% 0 6%;
	overflow: auto;
	float: left;
}

.teamcontent {
	overflow: auto;
	float: left;	
	width: 100%;
}

.teamimage {
	width: 20%;
	margin: 0 0 10px 10px;
}


.floatleft {
	float: left;
}

#clients {
	background-color: #FF8E01;
}

#logos {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.logos {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: centre;
}

.twocolumns {
	text-align: left;
	padding-left: 0%;
	padding-right: 0%;
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
	-webkit-column-gap: 10%;
   	   -moz-column-gap: 10%;
            column-gap: 10%;
}

#reports {
	background-color: #ffffff;
}

#reportcontainer {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 0%;
	width: 50%
}

#reportimage {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0%;
	margin-left: 0%;
	margin-right: 0%;
	width: 20%;
	float: left;
	box-shadow: 3px 3px 2px #a7a9ac;
}

.reportcontent {
	width: 72%;
	float: left;
	padding-left: 3%;
	padding-right: 5%
}

#clearreport {
	clear:both;
}

#blog {
	background-color: #C9CED2;
}

#bloghome {
	z-index: 1;
	}

#blogpage {
	margin-top: 130px;
	background-color: #FFFFFF;
}

.post_box {
    padding: 0px 0px 0px 0px;
}

.post_content {
	padding-bottom: 25px;
}
	

.columns {
	width: 100%;
}
.input_text {
	border: 1px solid;
}

.content {
	width: 100%;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.footer {
	float:left;
	width: 100%;
	background-color: #fff;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 0px;
}

#socialmedia {
	clear: both;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}

#socialmedia img {
	float: left;
	padding-left: 20px;
	width: 50px;
}

.post_content {
	padding-bottom: 10px;
}

#contactform {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    	background-color: #fff;
	font-family: inherit;
	font-size: inherit;
	height: 30px;
    	color: #000;
    	width: 100%;
	border-radius: 5px;
	padding: 0px 5px;
}

.wpcf7 textarea {
    	background-color: #fff;
	font-family: inherit;
	font-size: inherit;
	color: #000;
    	width: 100%;
	border-radius: 5px;
	padding: 5px 5px;
}

.wpcf7 input[type="submit"], button {
    	background-color: #fff;
	font-family: inherit;
	font-size: inherit;
	height: 40px;
	color: #000;
    	width: 302px;
	border-radius: 5px;
	padding: 5px 5px;
	margin: 5px 0px 10px 0px;
}

.blogcontent {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.blogheader {
  width: 60%;
  padding: 20px 20% 20px 20%;
  margin: 0 0 20px 0;
}


@media all and (max-width: 1080px) {

.columns > .content {
 float: none;
 width: 100%;
 border: 0;
 }

#blogpage {
	margin-top: 100px;
}


.blogcontent {
  width: 90%;
}

.grt .headline, .grt h1 {
	font-size: 22px;
	line-height: 35px;
}

.grt p {
	font-size: 17px;
	line-height: 24px;
}  

#logo {
	width: 175px;
	margin: 5px 5px 5px 10px;
}

.menu {
	margin-bottom: 13px;
}

.menu a, .menu_control {
	font-size: 25px;
	line-height: 25px;
	padding-right: 1vw;
	padding-left: 1vw;
}

.pagewidth {
  padding: 20px 10px 0px 10px;
}	

.arrow {
	height: 30px;
	width: 30px;
	top: 15px;
}

.teamimage {
	width: 25%;
	margin: 0 0 10px 10px;
}

#contactform {
	width: 60%;
}

}


@media all and (max-width: 768px) {

#blogpage {
	margin-top: 65px;
}

.twocolumns {
	text-align: left;
	padding-left: 1%;
	padding-right: 1%;
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
}

.definition {
	float: left;
	width: 45%;
	padding: 1%;
	border-style: none;
	margin: 1%;
}


.definition p {
	font-size: 2.3vw;
	line-height: 3vw;
}

.definition h1 {
	font-size: 3vw;
	line-height: 4vw;
}
		
.header {
	padding: 5px 5px 5px 5px;
}

#logo {
	width: 120px;	
	margin: 2px 2px 2px 2px;
}

.menu {
	margin-bottom: 8px;
}

.menu a, .menu_control {
	font-size: 15px;
	line-height: 15px;
	padding-right: 0.8vw;
	padding-left: 0.8vw;
}


#ourwork {
	margin-top: 60px;
}
	
.grt .headline, .grt h1 {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
}

.grt p {
	font-size: 17px;
	line-height: 24px;
  	margin-top: 0px;
	margin-bottom: 10px;
}  
	
	
#tiles {
	width: 100%;
}

.logos {
	width: 90%;
}
	
#reportcontainer {
	width: 100%
}

#reportimage {
	width: 15%;
}

.reportcontent {
	width: 75%;
	float: left;
	padding-left: 2%;
	padding-right: 0%
}

.arrow {
	height: 30px;
	width: 30px;
	top: 25px;
}
	
.teamimage {
	margin-top: 4%;
}

.teamcontent {
	margin-top: 2%;
}

.centre {
	margin-left: 5%;
	margin-right: 5%;
}

.homesection {
	width: 98%;
	padding: 10px 1% 10px 1%

}

.pagewidth {
  padding: 20px 10px 0px 10px;
}

#contactform {
	width: 60%;
}

}


@media all and (max-width: 640px) {

#blogpage {
	margin-top: 55px;
}

.grt .headline, .grt h1 {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
}

.grt p {
	font-size: 17px;
	line-height: 24px;
  	margin-top: 0px;
	margin-bottom: 10px;
}  

#logo {
	width: 90px;	
	margin: 2px 2px 2px 2px;
}


.menu {
	width: 70%;
	margin: 2px 0px 2px 2px;
}

.menu a, .menu_control {
	font-size: 18px;
	line-height: 18px;
	padding-right: 3vw;
	padding-left: 3vw;
}

#contactform {
	width: 290px;
}

}