@charset "UTF-8";
/* CSS Document */

/*

Theme Name:		Fish Tank Creative
Theme URI:		www.development.fishtankcreative.com.au
Description: 	Fish Tank Creative Custom Wordpress Theme
Author: 		Fish Tank Creative
Author URI: 	www.fishtankcreative.com.au
Version: 		1

*/

html {
	font-size: 100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	-webkit-font-smoothing: antialiased
}

*{margin:0; padding:0; border:0; outline:none;}
img, embed, object, video {max-width: 100%; height:auto;}
a {text-decoration:none;}
h1,h2,h3,h4,h5,h6 {margin:0}
h1 {color:#00788a;font:700 75px/65px "brandon-grotesque",sans-serif; text-transform: uppercase ;  font-style: normal;  }
h2.home {color:#00788a;font:700 75px/65px "brandon-grotesque",sans-serif; text-transform: uppercase ;  font-style: normal;margin:0;  }
h2 {font:700 40px/30px "brandon-grotesque",sans-serif; text-transform: uppercase; font-style: normal;color:#F7941E;margin:30px 0 15px 0 }

ul, li {margin:0;}
.content ul, .staff-bio ul {list-style: none;margin-left:1em;}
.content li:before, .staff-bio li:before { content: '•';display: inline-block; width: 1em;font-size:20px;margin-left: -1em}
.content li {margin-bottom:15px;}
.content ul {margin-left: 40px;}
h4 {font-size:20px;line-height:22px;letter-spacing:2px }
h3 {color:#F7941E;font-size:26px;margin-bottom:10px; }

body {font:400 17px/28px 'Open Sans', sans-serif; color: #999;letter-spacing:0.25px;}
p {margin-bottom:12px;}
p:last-child {margin-bottom:0;}

.wrapper {max-width:1200px; margin:0 auto;padding:0 20px;}
.clear {clear:both;}
.orange {color:#F7941E; }

/** HEADER **/
.main {background: url("images/background.jpg") no-repeat;background-size:cover; padding:40px 0;}
.logo {width:150px;height:50px;float:left;}
.feature h1 {color:#fff;font:700 85px/75px "brandon-grotesque",sans-serif;}
.feature p {font-size:30px;color:#fff;line-height:36px;padding-top:10px;}
.feature {padding:60px 0;margin-top:60px;border-top:1px solid rgba(255, 255, 255, .1)}

/** MENU **/
.menu-container {position:relative;float:right;height:45.5px;}
.main-menu {position: absolute; bottom: 0;right: 0;width:588px;}
.main-menu ul {list-style:none;}
.main-menu ul li {float:left;padding-right:8.33%;}
.main-menu a {color:#fff;webkit-transition: color 0.5s linear;-moz-transition: color 0.5s linear;-ms-transition: color 0.5s linear; -o-transition: color 0.5s linear;transition: color 0.5s linear;text-transform:lowercase;}
.main-menu a:hover {color:#F7941E;}
.main-menu ul li:last-child {padding:0;}
.responsive-nav {display:none;}

/** TITLE **/
.title {width:100%;}
.orange-underline {height:10px; background-color:#F7941E; width:90px;margin-top:15px;}

/** CONTENT **/
.content-container {padding:80px 0;}
.full-content {margin:20px 0;}
.content {width:75%;margin:20px 0 0 0;} 
.content a:hover, .full-content a:hover {color:#F7941E }
.content a, .full-content a {color:#00788a;webkit-transition: color 0.5s linear;-moz-transition: color 0.5s linear;-ms-transition: color 0.5s linear; -o-transition: color 0.5s linear;transition: color 0.5s linear; }

/** BACKGROUND IMAGE **/
.bg-img-section {padding:80px 0;background: url("images/background.jpg") no-repeat;background-size:cover;}
.section-title {text-transform:uppercase;color:#fff;text-align:center; font-size:24px;font-weight:700;letter-spacing:2px;margin-bottom:80px;}
.footer-bg {background-position:bottom; padding: 0 0 80px 0;}

/** RECENT WORK **/
.flex-container {display:flex;flex-wrap: wrap;}
.flex-item {margin-top:35px;}
.flex-item:nth-of-type(odd) {margin-right: 3%;}
.flex-item:nth-of-type(even) {margin-right: 0;}
.flex-item:first-of-type {width:47.5%;}
.flex-item:nth-of-type(2n+2) {width:49.5%;}
.flex-item:nth-of-type(3n+3) {width:35.4%;}
.flex-item:nth-of-type(4n+4) {width:61.6%;}
.flex-item:nth-of-type(5n+5) {width:47.5%;}
.flex-item:nth-of-type(6n+6) {width:49.5%;}
.flex-item:nth-of-type(7n+7) {width:35.4%;}
.flex-item:nth-of-type(8n+8) {width:61.6%;}
.centering {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;}
.flex-item h4 {padding:0 20px;}

#filters li {list-style:none;display:inline}
#filters {margin-top:35px;}
#filters a {font-size:16px;margin-right:10px;}

/** NEWS GRID **/
.news-img {background-color:#eee;}

/** CLIENT LOGOS **/
.client-logos {margin-top:60px;}
.client-logos .img {outline:1px solid #eee;}
.flex-logo {width:25%;position:relative;}
.flex-logo .effects .img {margin-bottom:0;height:auto;}
.flex-logo .effects .overlay a.expand  {margin: 0 auto -35px auto; }

/** SERVICES **/
.services-container {display:flex;flex-wrap:wrap;}
.services-column {width:50%; color:#fff; }
.services-icon {margin:60px 0;border-radius: 50%;border:5px solid #F7941E;;width:160px;height:160px;text-align:center;position:relative;}
.services-icon img {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;width:50%;}
.services-column ul {padding-left:20px}

/** FAQ **/
h3.faq-question {color:#fff;}
.faq-answer{margin-bottom:40px;}

/** RECENT WORK - EFFECTS **/

.effects .img {
  position: relative;
  width: 100%;
  overflow: hidden;
	height:375px;
}

.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 120, 138, 0.8);
  overflow: hidden;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #00788a;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  z-index: 100;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
	
}

.effects .overlay a.expand.clients-expand {font-size:40px;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;bottom:initial;}

a.expand h4 {text-transform: uppercase;}
.button {display:block;text-align:center;background-color:#fff;color:#00788a;padding:5px 8px;margin:0 auto;width:56px;margin-top:20px;}
.button:hover {background-color:#F7941E; }

.effects .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
.effects .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -35px auto;
}

.effects .img.hover .overlay {
  height: 100%;
}

/* Start: Recommended Isotope styles */
 
/**** Isotope Filtering ****/
 
.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
/**** Isotope CSS3 transitions ****/
 
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
/**** disabling Isotope CSS3 transitions ****/
 
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
 
/* End: Recommended Isotope styles */

/** JUST FOR FUN CIRCLES **/
.circle-container {margin-bottom:110px;}
.circle-container ul {list-style:none;}
.circle-container ul li {display:inline-block;width:13.33%;padding:0 5.83%;}
.circle-container ul li:last-child {padding-right:0;}

.ch-item {
	width: 100%;
	height: auto;
	border-radius: 50%;
	position: relative;
	cursor: default;
    padding-bottom: 100%;
 }

.ch-info-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border:5px solid #fff;
	perspective: 800px;
}

.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
	 -webkit-transition:all 0.4s ease-in-out;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.ch-info .ch-info-back {
	transform: rotate3d(0,1,0,180deg);
	-webkit-transform:rotate3d(0,1,0,180deg);
	-ms-transform:rotate3d(0,1,0,180deg);
}

.ch-img-1 { 
	background: url(images/music.png) no-repeat center;
	background-size:40%;
}

.ch-img-2 { 
	background: url(images/fish.png) no-repeat center;
	background-size:40%;
}

.ch-img-3 { 
	background: url(images/wine-time.png) no-repeat center;
	background-size:auto 40%;
}

.ch-img-4 { 
	background: url(images/stationary.png) no-repeat center;
	background-size:40%;
}

.ch-info p {
	color: #fff;
	font-size: 14px;
	line-height:20px;
	text-align:center;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	padding:0 15px;
}

.ch-item:hover .ch-info-wrap {box-shadow: 0 0 0 0 rgba(255,255,255,0.8), }
.ch-item:hover .ch-info, .ch-item:focus .ch-info, .ch-item:active .ch-info {transform: rotate3d(0,1,0,-180deg);-webkit-transform:rotate3d(0,1,0,180deg);-ms-transform:rotate3d(0,1,0,180deg);}

/** ABOUT PAGE **/
.staff-container {padding:80px 0;border-bottom:1px solid  rgba(255, 255, 255, .1);}
.staff-container:first-child {padding-top:0;}
.staff-container:last-child {border-bottom:0;}
.staff-photo {float:right; width:320px}
.staff-bio {float:left;}
.staff-circle {width: 310px;height:310px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;border:5px solid #fff; background-size:contain;background-repeat:no-repeat; }
.staff-bio ul {color:#fff;}
.staff-social-icons {margin-top:10px;}
.staff-social-icons a {color:#fff;webkit-transition: color 0.5s linear;-moz-transition: color 0.5s linear;-ms-transition: color 0.5s linear; -o-transition: color 0.5s linear;transition: color 0.5s linear;font-size:30px;}
.staff-social-icons a:hover {color:#F7941E; }
.staff-social-icons .icon-linkedin:before {margin-left:0 !important;}
.staff-bio h4 {color:#fff;letter-spacing:0;margin-bottom:10px;opacity:0.5; }
.staff-bio h3 {margin-bottom:5px;}
.testimonial#quote {border:0; padding:0}

/** SINGLE PROJECT **/
.details {font-weight:700;padding-right:15px;}
.project-images {margin:80px 0 40px 0;}
.project-images img {margin-bottom:30px;}
.project-images:last-child {margin-bottom:0;}
.post-meta {margin-bottom:40px;}

/** BUTTONS **/
.project-buttons {margin-bottom:80px;}
.aqua-button {display:inline-block;background-color:#00788a;padding:6px 12px;color:#fff;webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-ms-transition: background 0.5s linear; -o-transition: background 0.5s linear;transition: background 0.5s linear;}
.grey-button {display:inline-block;background-color:#bbb;padding:6px 12px;color:#fff;webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-ms-transition: background 0.5s linear; -o-transition: background 0.5s linear;transition: background 0.5s linear;}
.aqua-button:hover {background-color:#F7941E;}
.grey-button:hover {background-color:#888;}
.left-button,.middle-button, .right-button {width:33.33%;float:left;}
.right-button {text-align:right;}
.middle-button {text-align:center;}
.grey-button .icon-angle-left:before {margin-left:0;width:auto;}
.grey-button .icon-angle-right:before, .aqua-button .icon-th-thumb:before {margin-right:0;width:auto;}

/** TESTIMONIAL **/
.testimonial {display:flex; justify-content: space-between;border-top:1px solid #eee; padding:60px 0;border-bottom:1px solid #eee; }
.speech-marks {font:900 100px/80px "brandon-grotesque",sans-serif; font-style: normal;color:#F7941E;width:50px; }
.testimonial-content {width:90%}
.testimonial-author {font-weight:bold;color:#F7941E;}
.post-data {margin-top:60px;}
.post-data a {color:#00788a;webkit-transition: color 0.5s linear;-moz-transition: color 0.5s linear;-ms-transition: color 0.5s linear; -o-transition: color 0.5s linear;transition: color 0.5s linear;}
.post-data a:hover {color:#00788a}

/** FORMS **/
#wpcf7-f41-o1 {width:550px;margin:80px auto 40px auto;}
#wpcf7-f41-o1 p {color:#fff;margin:20px 0 ;}
.wpcf7 .required {color:#F7941E;}
.wpcf7 input {width:100%;background:none;border-bottom:1px solid #fff;height:40px;max-width:550px;border-radius:0; }
.wpcf7 textarea {width:100%;background:none;border:1px solid #fff;margin-top:20px;padding:20px;max-width:510px;border-radius:0;  }
.wpcf7 input, .wpcf7 textarea {color: #fff; font-size: inherit;font-family: inherit;letter-spacing: inherit;}
span.wpcf7-not-valid-tip {color:#F7941E !important; }
div.wpcf7-validation-errors {  border-left: 10px solid orange!important; background-color: #fff; color: orange !important; border-top: 0 !important; border-bottom: 0 !important;border-right: 0 !Important;font-weight: 600; line-height:20px;padding:10px !important;}
div.wpcf7 img.ajax-loader {display:none;}

#wpcf7-f40-o1  {width:550px;margin:80px auto 40px auto;}
#wpcf7-f40-o1 .wpcf7-form input[type="submit"]:hover {background-color:#F7941E !important; }
.wpcf7 input::-webkit-input-placeholder {color:#fff !important;}
.wpcf7 input::-moz-placeholder {color: white !important;}
.wpcf7 input:-ms-input-placeholder {color: white !important;}
.wpcf7 input:-moz-placeholder {color: white !important;}

.footer-right .wpcf7 input::-webkit-input-placeholder {color: #F7941E !important;}
.footer-right .wpcf7 input::-moz-placeholder {color:#F7941E !important;}
.footer-right .wpcf7 input:-ms-input-placeholder {color:#F7941E !important;}
.footer-right .wpcf7 input:-moz-placeholder {color:#F7941E !important;}

.footer-right {color:#F7941E; }
.footer-right .wpcf7 input {border-bottom:1px solid #F7941E; color:#F7941E; }
.footer-right .wpcf7 {margin-top:30px; }
.footer-right .wpcf7 input[type="submit"] {background-color:#F7941E !important;color: #01102e !important;webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-ms-transition: background 0.5s linear; -o-transition: background 0.5s linear;transition: background 0.5s linear;margin-top:20px;-webkit-appearance:none; border-radius:0   }
.footer-right .wpcf7 input[type="submit"]:hover, .footer-right .wpcf7 input[type="submit"]:focus, .footer-right .wpcf7 input[type="submit"]:active {color: white !important;background-color: #00788a!important;}

.wpcf7-form input[type="submit"] {display: block;background-color:#fff !important;color: #00788a!important;  border: 0 !important;width:75px !important;-webkit-appearance:none; border-radius:0;webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-ms-transition: background 0.5s linear; -o-transition: background 0.5s linear;transition: background 0.5s linear;margin-top:20px;}

.wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:focus, .wpcf7-form input[type="submit"]:active {
  color: white !important;background-color: #00788a!important;
}

/** BUTTONS **/
.hvr-sweep-to-top {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00788a;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/** FOOTER **/
footer {border-top:1px solid rgba(255, 255, 255, .1);padding-top:80px;margin-top:80px;}
footer h4 {color:#fff;}
.footer-left {float:left; width:64.58%;}
.footer-left .logo {float:none !important;margin-top:130px;}
.footer-right {float:right; width:35.42%;}
.small-orange-underline {height:3px; background-color:#F7941E; width:90px;margin-top:10px; }
.footer-nav {margin-top:40px;}
.footer-nav ul li {float:left;display:inline-block;padding-right:4.5%;}
.footer-nav a {color:#fff;webkit-transition: color 0.5s linear;-moz-transition: color 0.5s linear;-ms-transition: color 0.5s linear; -o-transition: color 0.5s linear;transition: color 0.5s linear;text-transform:lowercase;}
.footer-nav a:hover {color:#F7941E;}
.footer-nav ul li:last-child {padding:0;}
.social-nav {margin-top:130px;}
.social-nav ul li {float:left;display:inline-block;padding-right:1%;color:#fff;}
.social-nav a {color:#fff;font-size:25px;webkit-transition: color 0.5s linear;-moz-transition: color 0.5s linear;-ms-transition: color 0.5s linear; -o-transition: color 0.5s linear;transition: color 0.5s linear;}
.social-nav a:hover {color:#F7941E;}
.social-nav ul li:last-child {padding:0;}
.copyright {color:#fff;clear:both;padding-top:10px;}

@media (max-width:900px){

/** TITLES **/
h1 {font:700 65px/55px "brandon-grotesque",sans-serif; }
h2.home {font:700 65px/55px "brandon-grotesque",sans-serif}
.feature h1 {font:700 75px/65px "brandon-grotesque",sans-serif;}	
	
/** NAVIGATION **/
.main-menu {width:483px; }
.main-menu ul li {padding-right:5.5%;}

}

@media (max-width:900px) {
	.effects .img {height:275px;}
	
/** SERVICES **/
	.services-column {float:none; width:100%}	
}
	


@media (max-width:850px){

/** JUST FOR FUN CIRCLES **/
.circle-container ul li {width:30.86%;padding:0 12.75%;}
.circle-container ul li:nth-child(2n) {padding:0;}
.circle-container ul li:first-child, .circle-container ul li:nth-child(2) {margin-bottom:110px;}
.ch-info p {font-size: 18px; line-height:24px;}

/** FOOTER **/
.footer-left, .footer-right{float:none;width:100%}
.footer-right {clear:both;padding-top:60px;}
.social-nav {margin-top:20px; }
	
	
}

@media (max-width:800px){
	
/** TITLES **/
h1 {font:700 55px/45px "brandon-grotesque",sans-serif; }
h2.home {font:700 55px/45px "brandon-grotesque",sans-serif}
.feature h1 {font:700 65px/55px "brandon-grotesque",sans-serif;}	

/** STAFF **/
.staff-bio {width:50%;}
	
}


@media (max-width:700px){

/** TITLES **/
h1 {font:700 45px/35px "brandon-grotesque",sans-serif; }
h2.home {font:700 45px/35px "brandon-grotesque",sans-serif}
.feature h1 {font:700 55px/45px "brandon-grotesque",sans-serif;}
.feature {margin-top:20px;}
h3 {font-size:24px;}

	
.orange-underline {height:8px;width:80px;margin-top:15px;}
	
.main {padding:20px 0;}
.content {width:100%;}

	
/** RESPONSIVE-NAVIGATION **/
.menu-container {display:none;}
.responsive-nav {display:block;text-align:left; }
.responsive-nav ul {list-style:none;text-align:right;}
.responsive-nav a {}
.icon-menu {font-size:30px;color:#fff}
.responsive-nav ul ul {display: none;}
.responsive-nav ul li ul li a {display:block;text-align:center; text-transform:lowercase; font-size:16px; border-bottom:solid 1px rgba(255,255,255, 0.1);color:#fff;padding:11px 0;}
.responsive-nav ul li ul li:last-of-type a {border-bottom:none;padding:11px 0 0 0}
.responsive-nav ul li ul li:first-of-type a {border-top:solid 1px rgba(255,255,255, 0.1);margin-top: 20px;}
	
.flex-container {display:flex;margin-top:35px;flex-wrap: wrap;}
.flex-item {margin-top:20px;}
.flex-item:first-of-type {margin-top:0;width:100%;}
.flex-item:nth-of-type(odd) {margin-right: 0;}
.flex-item:nth-of-type(even) {margin-right: 0;}
.flex-item:nth-of-type(2n+2) {width:100%;}
.flex-item:nth-of-type(3n+3) {width:100%;}
.flex-item:nth-of-type(4n+4) {width:100%;}
.flex-item:nth-of-type(5n+5) {width:100%;}
.flex-item:nth-of-type(6n+6) {width:100%;}
.flex-item:nth-of-type(7n+7) {width:100%;}
.flex-item:nth-of-type(8n+8) {width:100%;}
.centering {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;}
.effects .img {height:500px;}
	
/** CLIENT LOGOS **/	
.flex-logo {width:33.33%;}
.client-logos {margin-top:40px;}	

/** STAFF**/
.staff-container {padding:60px 0;}
.staff-photo {float:none;margin:60px auto 0 auto;}
.staff-bio {float:none; width:100%;}
	
/** TESTIMONIAL **/
.testimonial {display:initial; justify-content:none;border-top:1px solid #eee; padding:60px 0;border-bottom:1px solid #eee; }
.speech-marks {width:100%;height:30px;}
.testimonial-content {width:100%}
#right-speech-mark {text-align:right;margin-top:10px;}
#left-speech-mark	{margin-bottom:10px;}
	
}


@media (max-width:650px) {

/** TITLE **/
.title {float:none;width:100%;}

/** CONTENT **/
.content-container {padding:60px 0;}
.section-title {margin-bottom:60px;font-size:22px;}	
	.staff-container:first-child{padding:0 0 60px}	

/** JUST FOR FUN CIRCLES **/
.circle-container ul li {width:33.86%;padding:0 9.75%;}
.circle-container ul li:first-child, .circle-container ul li:nth-child(2) {margin-bottom:80px;}
.ch-info p {font-size: 16px; line-height:22px;}
	
/** WORK **/
.effects .img {height:450px;}

}

@media (max-width:600px) {
	
/** TITLES **/
h1 {font:700 45px/35px "brandon-grotesque",sans-serif; }
h2.home {font:700 45px/35px "brandon-grotesque",sans-serif}
h3 {font-size:22px;}	
.feature h1 {font:700700 45px/40px "brandon-grotesque",sans-serif}	
		
/** WORK **/
.effects .img {height:400px;}

#wpcf7-f41-o1 {width:100%;margin:50px auto 40px auto;}
.wpcf7 input {width:100%;max-width:none;}
.wpcf7 textarea {width:95%;padding:2.5%;max-width:none; }
#wpcf7-f40-o1  {width:100%;margin:50px auto 40px auto;}
	
/** CLIENT **/
a.expand.clients-expand {font-size:30px;}
	
}


@media (max-width:550px) {

/** JUST FOR FUN CIRCLES **/	
.circle-container {margin-bottom:110px;}
.circle-container ul li {display:block;width:40%;padding:0;margin:0 auto;}
.ch-info p {font-size: 18px; line-height:24px;}
.circle-container ul li:first-child, .circle-container ul li:nth-child(2), .circle-container ul li:nth-child(3) {margin-bottom:80px;}
.ch-info-wrap {width:95%;height:95%;}

/** WORK **/
.effects .img {height:350px;}

/** CONTENT **/
.content-container {padding:50px 0;}

/** CLIENT LOGOS **/
.client-logos {margin-top:20px;}	

}

@media (max-width:500px) {

/** CLIENT LOGOS **/	
.flex-logo {width:50%;}
	
#filters a {font-size:14px;}
.grey-button {padding:4px 12px}

/** FOOTER **/
.footer-nav ul li {float:none;display:block;padding:0 0 10px 0}	
.footer-left .logo {margin-top:60px;}
.footer-right {padding:0}
#subscribe {padding-top:60px;}

/** TITLES **/
h1 {font:700 40px/35px "brandon-grotesque",sans-serif; }
h2.home {font:700 40px/35px "brandon-grotesque",sans-serif}
.feature h1 {font:700 40px/35px "brandon-grotesque",sans-serif;}
.feature p {font-size:18px;line-height:28px;padding-top:0;}	
	
}

@media (max-width:450px) {

h4 {font-size:18px;line-height:20px;}
h3 {font-size:20px;}
	
body {font-size:16px;line-height:24px}
.content ul {margin-left:20px;}
	
/** TITLES **/
.feature h1 {font:700 35px/30px "brandon-grotesque",sans-serif;}	
.feature p {font-size:18px;line-height:28px;padding-top:0;}
	
h2 {font:700 30px/20px "brandon-grotesque",sans-serif;margin:30px 0 15px 0 }
.orange-underline {height:6px;width:70px;margin-top:10px;}
	
/** WORK **/
.effects .img {height:300px;}
a.button {margin-top:40px;width:48px;}

/** STAFF**/	
.staff-photo {width:280px;}
.staff-circle {width: 280px;height:280px; }	

/** SPACING ADJUSTMENTS **/
.content-container {padding:40px 0;}
.feature {padding:40px 0;margin-top:20px;}
.section-title {margin-bottom:60px;font-size:20px;}		

}

@media (max-width:400px) {

/** JUST FOR FUN CIRCLES **/	
.circle-container {margin-bottom:110px;}
.circle-container ul li:first-child, .circle-container ul li:nth-child(2), .circle-container ul li:nth-child(3) {margin-bottom:60px;}
.circle-container ul li {width:60%;}
	
/** WORK **/
.effects .img {height:250px;}

/** TITLES **/
h1 {font:700 35px/30px "brandon-grotesque",sans-serif; }
h2.home {font:700 35px/30px "brandon-grotesque",sans-serif}

}


@media (max-width:350px) {
	
/** WORK **/
.effects .img {height:200px;}
	
/** TITLES **/
h1 {font:700 25px/22px "brandon-grotesque",sans-serif; }
h2.home {font:700 25px/22px "brandon-grotesque",sans-serif}
.feature h1 {font:700 25px/22px "brandon-grotesque",sans-serif}
.feature p {font-size:18px;line-height:28px;padding-top:0;}		

}

@media (max-width:320px) {
.ch-info p {font-size: 16px; line-height:22px;}
	
}