/*
Theme Name: Tettra 2016
Theme URI: http://saltedstone.com/
Author: The Salted Stone team
Author URI: http://saltedstone.com/
Description: Built in 2016
Version: 1.0
*/

/* import google fonts */
@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700';

body { margin: 0; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.page-center { max-width: 1400px; margin: 0 auto; float: none; padding: 0 15px; }
.ta-center { text-align: center; }
h1 { font-family: "filson-soft",sans-serif; color: white; font-weight: 400; font-size: 36px; line-height: 1.22em; }
img { max-width: 100%; }
p { font-family: 'Lato', sans-serif; }
a { text-decoration: none; }

/*.logo-white { background: url('/wp-content/uploads/2016/09/tettra-logo.png') no-repeat; background-size: contain; }*/
.logo-white { background: url('/wp-content/uploads/2016/10/tettIco.png') no-repeat; background-size: contain; }
.logo-dark { background: url('/wp-content/uploads/2016/10/tettIco.png') no-repeat; background-size: contain; }

@media screen and (max-width: 768px){
  .logo-white { background: url('/wp-content/uploads/2016/09/WHITE_TETTRA_LOGO.png') no-repeat; background-size: contain;}
  .logo-dark { background: url('/wp-content/uploads/2016/09/TETTRA_LOGO.png') no-repeat; background-size: contain; }
}

/* icons for Join Our Teams section of About Us page */
.position .people-ops { background: url('/wp-content/uploads/2016/09/people-ops-icon.png') no-repeat; background-size: contain; }
.position .sales { background: url('/wp-content/uploads/2016/09/sales-icon.png') no-repeat; background-size: contain; }
.position .support { background: url('/wp-content/uploads/2016/09/support-icon.png') no-repeat; background-size: contain; }
.position .engineering { background: url('/wp-content/uploads/2016/09/engineering-icon.png') no-repeat; background-size: contain; }
.position .marketing { background: url('/wp-content/uploads/2016/09/marketing-icon.png') no-repeat; background-size: contain; }
.position .design { background: url('/wp-content/uploads/2016/09/design-icon.png') no-repeat; background-size: contain; }

.bg-magenta { background-color: #E11665; }
.bg-clear-magenta { border: 2px solid #E11665; }
.bg-light-blue { background-color: #EBF9FD; }
.bg-teal { background-color: #66A5B4; }

button.bg-magenta { border: 2px solid #E11665; transition: all 0.5s ease; }
button.bg-magenta:hover { background-color: #b41150; border-color: #b41150; }
button.bg-magenta:hover > span { color: #fff; }
button.bg-clear-magenta { transition: all 0.5s ease; }
button.bg-clear-magenta:hover { background-color: #E11665; }
button.bg-clear-magenta:hover > span { color: #fff; }
button.bg-clear-white { border: 2px solid white; }
button.bg-clear-white:hover { background-color: white; }
button.bg-clear-white:hover > span { color: #303030; }

.c-white { color: white; }
.c-magenta { color: #E11665; }

button { background-color: transparent; border-radius: 100px; padding: 16px 25px; width: 100%; max-width: 360px; cursor: pointer; }
.button-text { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; letter-spacing: -0.2px; transition: all 0.5s ease; }
.button { border-radius: 100px; padding: 16px 25px; text-align: center; box-sizing: border-box; }

.magenta-underline { border-bottom: 3px solid #E11665; }
.green-underline { border-bottom: 3px solid #7EE1B9; }

.section-title { font-family: "filson-soft",sans-serif; font-size: 36px; font-weight: 500; text-transform: uppercase; text-align: center; margin-bottom: 50px; line-height: 1.28em; color: #303030; }

/* Header / Nav */
header#masthead { position: absolute; top: 0; width: 100%; z-index: 9999; height: 80px; }
.mobile-burger { font-size: 35px; cursor: pointer; display: none; }
.site-header-main { padding-top: 15px; position: relative; }
.site-branding .logo { width: 50px; height: 50px; }
.site-branding { display: inline-block; vertical-align: middle; border-radius: 8px; background-color: white; }
div#site-header-menu { display: inline-block; vertical-align: middle; padding-left: 50px; }
ul#menu-main-navigation { margin: 0; padding: 0; list-style: none; }
ul#menu-main-navigation li a { color: white; font-size: 17px; letter-spacing: 1.23px; text-transform: uppercase; line-height: 21px; font-family: 'Lato', sans-serif; position: relative; }
ul#menu-main-navigation li { display: inline-block; margin-right: 30px; }
ul#menu-main-navigation li:last-child { margin-right: 0; }
.site-header-main button { padding: 11px 25px; }
.login { position: absolute; right: 0; top: 15px; }
.login .button-text { font-size: 17px; font-weight: 600; letter-spacing: 1.23px; text-transform: uppercase; }

ul#menu-main-navigation li a:hover::after, ul#menu-main-navigation li a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
ul#menu-main-navigation li a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #E11665;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

.site-header.fixed-header { width: 100% !important; height: 80px; position: fixed !important; background-color: white; box-shadow: 0 2px 2px -2px gray; }
.site-header.fixed-header ul#menu-main-navigation li a { color: #7B7B7B; }
.site-header.fixed-header .site-header-main { padding-top: 15px; }
.site-header.fixed-header .login button { margin-top: 0 !important; }

.site-header .interior-page ul#menu-main-navigation li a { color: #7B7B7B; }
.site-header.interior-page { background-color: white; height: 80px; box-shadow: 0 2px 2px -2px gray; }
/* Footer */
.site-footer { text-align: center; font-family: "filson-soft",sans-serif; color: #fff; position: relative; z-index: 10; }
.site-footer ul { list-style: none; margin: 0; display: inline-block; border-bottom: 2px solid rgba(255, 255, 255, .5); padding: 0 25px 50px; }
.site-footer a { font-family: "filson-soft",sans-serif; color: #fff; }
.site-footer ul li { display: inline-block; margin-right: 25px; }
.site-footer ul li:last-child { margin-right: 0; }
.site-footer .site-logo { max-width: 169px; margin: 0 auto 50px; }
.site-info { margin-top: 50px; font-family: 'Lato', sans-serif; font-size: 15px; letter-spacing: -0.15px; line-height: 18px; }
.site-info a { font-family: 'Lato', sans-serif; font-size: 15px; letter-spacing: -0.15px; line-height: 18px; }
.site-info span { padding: 0 15px; border-right: 1px solid #fff; }
.site-info span:last-child { border: none; }

.site-content { position: relative; }

/* Front page */
.hero-section { padding: 100px 0; background-color: #73b3d1; }
.hero-section h1 { margin: 0; }
.hero-section .left, .hero-section .right { width: 49%; display: inline-block; vertical-align: middle; }
.hero-section .right { padding: 0 25px; box-sizing: border-box; }
.hero-section .right .inner { max-width: 460px; margin: 0 auto; }
.hero-section .banner-sub-header { font-family: 'Lato', sans-serif; color: white; font-size: 20px; }
.hero-section .illustration-left { text-align: right; padding-bottom: 30px; }
.hero-section .illustration-right { text-align: right; }

.hero-break { height: 21px; }
.hero-break .left { font-family: "filson-soft",sans-serif; font-size: 27px; line-height: 28px; display: table-cell; text-align: right; padding-right: 15px; }
.hero-break .right { display: table-cell; text-align: left; }
.hero-break .right img { max-height: 36px; }
.hero-break .break-title { max-width: 635px; margin: 0 auto; padding: 33px 0; box-sizing: border-box; display: table; width: 100%; text-align: center; top: -20px; position: relative; }
.hero-break .down-arrow { cursor: pointer; max-width: 36px; max-height: 36px; margin: 20px auto; }
.hero-break-title { font-family: "filson-soft",sans-serif; font-size: 36px; line-height: 1; }

@media screen and (min-width: 1500px){

}

.why-we-built { margin-top: 150px; }
.why-we-built ul { list-style: none; margin: 50px 0; padding: 0; text-align: center; }
.why-we-built li.icon-block { width: calc(100%/3); display: inline-block; text-align: center; vertical-align: top; padding: 0 15px; box-sizing: border-box; max-width: 360px; }
.why-we-built li.icon-block .image { max-width: 179px; margin: 0 auto; }
.why-we-built li.icon-block .title { color: #4B4B4B; font-family: "filson-soft",sans-serif; font-size: 24px; line-height: 1.5em; }
.why-we-built li.icon-block .text-block { color: #4B4B4B; font-family: "filson-soft",sans-serif; font-size: 18px; line-height: 1.5em; }

.what-humans-are-saying { padding: 100px 0; }
.what-humans-are-saying .section-title { font-family: "filson-soft",sans-serif; font-size: 36px; font-weight: 500; text-transform: uppercase; text-align: center; margin-bottom: 50px; line-height: 1.28em; color: #303030; }
.what-humans-are-saying .testimonial { max-width: 920px; margin: 0 auto; margin-bottom: 100px; }
.what-humans-are-saying .text, .what-humans-are-saying .images { display: table-cell; vertical-align: top; }
.what-humans-are-saying .images { width: 220px; }
.what-humans-are-saying .photo { width: 116px; height: 116px; border-radius: 50%; overflow: hidden; }
.what-humans-are-saying .quote-icon { max-width: 50px; margin-right: 20px; }
.what-humans-are-saying .photo, .what-humans-are-saying .quote-icon { display: inline-block; vertical-align: top; }
.what-humans-are-saying .text .quote { color: #66A5B4; font-style: italic; font-family: "filson-soft",sans-serif; font-size: 18px; line-height: 2.11em; margin-bottom: 40px; }
.what-humans-are-saying .text .quote p { padding: 0; margin: 0; }
.what-humans-are-saying .text .info { color: #66A5B4; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; font-weight: bold; }
.what-humans-are-saying .comparision { display: table; border-spacing: 30px; border-collapse: separate; max-width: 1140px; margin: 0 auto; }
.what-humans-are-saying .left, .what-humans-are-saying .right { display: table-cell; background: white; vertical-align: top; border-radius: 30px; padding: 82px; }
.what-humans-are-saying .icon { height: 133px; margin: 0 auto; max-width: 136px; line-height: 185px; }
.what-humans-are-saying .icon img { max-width: 100%; max-height: 100%; }
.what-humans-are-saying .title { font-family: "filson-soft",sans-serif; font-size: 32px; line-height: 1.14em; text-align: center; padding-top: 30px; padding-bottom: 70px; }
.what-humans-are-saying .comparision ul { list-style: none; padding: 0; margin: 0; }
.what-humans-are-saying .comparision ul li img { max-width: 12px; max-height: 12px; }
.what-humans-are-saying .comparision ul li { color: #7B7B7B; margin-bottom: 32px; line-height: 1.66em; }
.what-humans-are-saying .comparision .list-icon { width: auto; display: inline-block; padding-right: 10%; }
.what-humans-are-saying .comparision .text { display: inline-block; width: 80%; vertical-align: top; }

.how-your-teammates { padding: 100px 0; }
.how-your-teammates .section-title { font-family: "filson-soft",sans-serif; font-size: 36px; font-weight: 500; text-transform: uppercase; text-align: center; margin-bottom: 50px; line-height: 1.28em; color: #303030; }
.how-your-teammates ul { list-style: none; margin: 50px 0 0; padding: 0; text-align: center; }
.how-your-teammates  li.icon-block { width: calc(100%/3); display: inline-block; text-align: center; vertical-align: top; padding: 0 15px; box-sizing: border-box; max-width: 360px; border: 1px solid #C6E7EE; border-radius: 8px; margin: 0 15px 30px; }
.how-your-teammates  li.icon-block .image { max-width: 101px; max-height: 55px; margin: 0 auto; margin-bottom: 35px; }
.how-your-teammates  li.icon-block .image img { max-width: 100%; }
.how-your-teammates  li.icon-block .title { color: #4B4B4B; font-family: "filson-soft",sans-serif; font-size: 24px; line-height: 1.5em; margin-bottom: 10px; }
.how-your-teammates  li.icon-block .text-block { color: #7B7B7B; font-family: "filson-soft",sans-serif; font-size: 18px; line-height: 1.5em; }
.how-your-teammates li.icon-block .inner { display: table-cell; height: 322px; vertical-align: middle; }

.features { padding: 100px 0; }
.features .section-title { font-family: "filson-soft",sans-serif; font-size: 36px; font-weight: 500; text-transform: uppercase; text-align: center; margin-bottom: 50px; line-height: 1.28em; color: #303030; }
.features .testimonial { max-width: 920px; margin: 0 auto; margin-bottom: 100px; }
.features .text, .features .images { display: table-cell; vertical-align: top; }
.features .images { width: 220px; }
.features .photo { width: 116px; height: 116px; border-radius: 50%; overflow: hidden; }
.features .quote-icon { max-width: 50px; margin-right: 20px; }
.features .photo, .features .quote-icon { display: inline-block; vertical-align: top; }
.features .text .quote { color: #66A5B4; font-style: italic; font-family: "filson-soft",sans-serif; font-size: 18px; line-height: 2.11em; margin-bottom: 40px; }
.features .text .quote p { padding: 0; margin: 0; }
.features .text .info { color: #66A5B4; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; font-weight: bold; }
.features-list { background: #FFFFFF; border-radius: 30px; max-width: 1140px; margin: 0 auto; padding: 50px; box-sizing: border-box; }
.features-list ul { list-style: none; padding: 0; margin: 0; }
.features-list ul li { margin-bottom: 100px; }
.features-list ul li:last-child { margin: 0; }
.features-list .features-item .title { margin-bottom: 10px; color: #303030; font-family: "filson-soft",sans-serif; font-size: 24px; font-weight: bold; line-height: 30px; }
.features-list .features-item .text-block { font-family: 'Lato', sans-serif; font-size: 18px; color: #7B7B7B; line-height: 30px; }
.features-list .features-item .text { display: inline-block; vertical-align: middle; width: 34%; }
.features-list .features-item .image { display: inline-block; vertical-align: middle; width: 66%; }
.features-list .features-item .image > img { box-shadow: 0 2px 8px rgba(0,0,0,0.2); border-radius: 4px;}
.features-list .features-item.image-right .image { text-align: right; padding-left: 50px; box-sizing: border-box; }
.features-list .features-item.image-left .image { padding-right: 50px; box-sizing: border-box; }

.features .button { margin-top: 25px; }

.logos { padding: 76px 0; text-align: center; }
.logos ul { list-style: none; padding: 0; margin: 0; }
.logos li.logo-block { width: calc(100%/6); display: inline-block; vertical-align: middle; }
.logos li.logo-block .image { padding: 0px 25px; }

.founder { /* padding: 100px 0 250px; */ padding: 100px 0; }
.founder .section-title { font-family: "filson-soft",sans-serif; font-size: 36px; font-weight: 500; text-transform: uppercase; text-align: center; margin-bottom: 50px; line-height: 1.28em; color: #fff; }
.founder .photo { width: 116px; height: 116px; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.founder .quote { color: #66A5B4; font-style: italic; font-family: "filson-soft",sans-serif; font-size: 18px; line-height: 2.11em; margin-bottom: 50px; margin-top: 50px; }
.founder .quote p { padding: 0; margin: 0; }
.founder .info { color: #66A5B4; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; font-weight: bold; text-transform: uppercase; }
.founder-quote { background: #F7FCFC; border-radius: 30px; padding: 50px; text-align: center; max-width: 1140px; margin: 95px auto; }
.founder .text { max-width: 767px; margin: 0 auto 50px; }
.founder .button { padding: 0; margin-bottom: 50px; }
.founder .left-illustration { max-width: 305px; max-height: 229px; position: absolute; width: 24%; }
.founder .bottom-illustration { position: absolute; bottom: 0; right: 0; max-width: 375px; max-height: 406px; width: 28%; }

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

  .mobile-burger { display: inline-block; position: absolute; top: 15px; left: 15px; }
  .site-header .page-center { padding: 0; }
  .login button { margin: 0 !important; right: 15px; position: relative; }
  .site-header .site-branding { width: 100%; text-align: center; }
  .site-header .site-header-main { padding-top: 25px; }
  .site-branding { padding: 0;background-color: transparent; }
  .site-header .site-branding .logo { margin: 0 0 0 60px; width: 128px; float: left; }
  .site-header{ height: 80px; }
  .site-header.fixed-header .site-header-main { padding-top: 25px; }
  div#site-header-menu { display: none; padding-left: 0; width: 100%; box-sizing: border-box; position: absolute; top: 80px; }
  ul#menu-main-navigation li { display: inline-block; margin-right: 0; width: 100%; text-align: center; padding: 25px 0; background-color: white; border-bottom: 1px solid #dadada; }
  ul#menu-main-navigation li a { color: #333; }
  ul#menu-main-navigation li:first-child { border-top: 1px solid #dadada; }

  .hero-section .left, .hero-section .right { width: 100%; text-align: center; }
  .hero-section .right { padding: 30px 25px 0; }
  .hero-section .illustration-right { padding-top: 15px; }
  .what-humans-are-saying .left, .what-humans-are-saying .right { display: inline-block; }
  .what-humans-are-saying .left { margin-bottom: 50px; }
  .logos li.logo-block { width: calc(100%/4); margin-bottom: 20px; }
  .how-your-teammates li.icon-block { width: calc(96%/2); max-width: 325px; padding: 0 1%; margin: 0 1% 30px; }

  .features-list .features-item .text, .features-list .features-item .image { text-align: center; width: 100%; }
  .features-list .features-item.image-right .image { padding: 0; }
  .features-list .features-item.image-left .image { padding: 0; }
}
@media screen and (max-width: 580px){
  .how-your-teammates li.icon-block { width: 100%; }
  .what-humans-are-saying .left, .what-humans-are-saying .right { padding: 35px; }
  .what-humans-are-saying .text, .what-humans-are-saying .images { display: block; text-align: center; width: 100%; }
  .features .text, .features .images { display: block; text-align: center; width: 100%; }
  .what-humans-are-saying .images, .features .images { margin-bottom: 50px; }
  .why-we-built li.icon-block { width: 100%; margin-bottom: 50px; }
  .images .quote-icon { display: none; }
  .logos li.logo-block { width: calc(100%/3); }
  .what-humans-are-saying .comparision { display: block; }
}
@media screen and (max-width: 480px){
  .logos li.logo-block { width: calc(100%/2); }
  .login .button-text { font-size: 14px; }
  .logn button { padding: 11px 15px; }
  .site-header .site-branding { width: 80%; }
}


/* Pricing Page */
.pricing-page .hero-blocks { max-width: 1160px; margin: 0 auto; border-collapse: separate; border-spacing: 30px 0; width: 100%; table-layout: fixed; display: table; }
.pricing-block { background-color: #F7FCFC; border-radius: 30px; padding: 50px; max-width: 554px; box-sizing: border-box; display: table-cell; width: 43%; vertical-align: middle; }
.pricing-block .title { color: #688A9A; font-size: 36px; font-weight: 500; font-family: "filson-soft",sans-serif; line-height: 1; }
.pricing-block .line { background-color: #688A9A; width: 57px; height: 1px; margin: 35px auto; }
.pricing-block .price { border-color: #C5E6ED; background-color: #fff; border-radius: 8px; margin: 0 auto; width: 100%; padding: 30px 0; }
.pricing-block .price .amount, .pricing-block .price .text { display: inline-block; vertical-align: middle; width: 45%;  }
.pricing-block .price .amount { color: #E11665; font-size: 64px; line-height: 1; font-family: "filson-soft",sans-serif; text-align: right; padding-right: 4%; }
.pricing-block .price .text { color: #66A5B4; font-family: "filson-soft",sans-serif; font-size: 18px; font-weight: bold; text-align: left; text-transform: uppercase; border-left: 1px solid #C5E6ED; padding-left: 4%; }
.pricing-block .features { padding: 30px 0; }
.pricing-block .features .title { color: #4B4B4B; font-size: 24px; margin-bottom: 5px; }
.pricing-block .features .features-item { color: #7B7B7B; padding: 4px 0; font-size: 18px; }
.pricing-block .cta .italic { font-style: italic; color: #B2B2B2; font-size: 18px; margin-top: 10px; }

.testimonial-block { background-color: rgba(255,255,255, 0.50); border-radius: 30px; border: 2px solid white; padding: 50px; max-width: 554px; box-sizing: border-box; display: table-cell; width: 43%; vertical-align: middle; }
.testimonial-block .photo { max-width: 96px; max-height: 96px; border-radius: 50%; overflow: hidden; margin: 0 auto; border: 2px solid white; margin-bottom: 40px; }
.testimonial-block .quote { font-family: "filson-soft",sans-serif; font-size: 18px; color: #66A5B4; font-weight: 400; font-style: italic; line-height: 2.11em; margin-bottom: 76px; max-width: 337px; margin: 0 auto 75px; }
.testimonial-block .name { font-size: 20px; text-transform: uppercase; color: #66A5B4; margin-bottom: 15px; }
.testimonial-block .title-position-company { font-size: 18px; color: #66A5B4; padding: 0 60px; }

.faq-container { padding: 125px 0 85px; max-width: 1195px; margin: 0 auto; }
.faq-item { display: inline-block; vertical-align: top; width: 47%; text-align: center; padding: 0px 1% 40px; }
.faq-item .question { font-family: "filson-soft",sans-serif; color: #4A4A4A; font-size: 24px; font-weight: 500; line-height: 1.25em; margin-bottom: 10px; }
.faq-item .answer { color: #7B7B7B; font-size: 18px; line-height: 30px; }

@media screen and (max-width:767px){
  .pricing-page .hero-blocks { border-spacing: 0; display: block; }
  .pricing-block, .testimonial-block { display: block; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 25px; }
  .faq-item { width: 100%; }
  .testimonial-block .title-position-company { padding: 0; }
}

/* One Column Page */
.one-column-page .body-content { margin: 150px auto 100px; max-width: 750px; }
.one-column-page .body-content h1 { color: #000; font-weight: 600; }
.one-column-page .body-content h3 { color: #000; font-weight: 600; }
.one-column-page .body-content strong { color: #000; }
.one-column-page .body-content time { color: #66A5B4; }
.one-column-page .body-content a { color: #66A5B4; }
.one-column-page .body-content a:hover { text-decoration: underline; }
.one-column-page .body-content, .one-column-page .body-content p { font-size: 18px; color: #333; line-height: 1.6em; }
.one-column-page .body-content .entry-meta { font-size: 14px; padding: 15px 0px; }


/* Single */
.single .body-content p { font-size: 18px; line-height: 30px; }
.single .body-content .author-bio { padding: 50px 0 0 0; font-size: 16px; }
.single .body-content .author-bio-name { font-size: 20px; font-weight: 700; padding: 0 0 10px 0; }
.single .body-content .author-social-links li span { font-size: 18px; }
.single .body-content .author-social-links li a { color: #656c7a; }
.single .body-content .author-social-links li a:hover { text-decoration: none; }
.single .entry-footer { border-top: 2px solid #e7e9ee; margin: 100px auto 10px auto; }

.single .body-content img { max-width: 100% !important; max-height: auto; }

.entry-topics { font-size: 14px; text-transform: uppercase; padding: 0 0 20px 0; color: #7B7B7B;}

/* About Us */
.thick-blue-border-top { border-top: 21px solid #EBF9FD; }
.about-us .section .copy p:first-child { margin-top: 0; }
.about-us .section { padding: 100px 0; }
.about-us .copy { line-height: 30px; font-size: 18px; }
.about-us .section.one .page-center { max-width: 980px; }
.about-us .section.one .title { font-family: "filson-soft",sans-serif; font-size: 32px; line-height: 44px; font-weight: 700; margin-bottom: 50px; }
.about-us .section.one .icon { max-width: 253px; margin: 0 auto; }
.about-us .section.one .left { width: 36%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0px 20px; }
.about-us .section.one .right { width: 63%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0 60px; }

.about-us .section.two { padding: 60px 0; }
.about-us .section.two button { padding: 16px 20px; }
.about-us .section.two .page-center { max-width: 767px; }
.about-us .section.two .title { font-family: "filson-soft",sans-serif; font-size: 24px; line-height: 35px; color: #66A5B4; }
.col-2 { width: 49%; display: inline-block; vertical-align: middle; }

.about-us .section.three .page-center { max-width: 767px; }
.about-us .section.three .title { font-family: "filson-soft",sans-serif; font-size: 32px; line-height: 45px; color: #fff; }
.about-us .section.three .copy, .about-us .section.three .copy p { font-family: "filson-soft",sans-serif; font-size: 24px; line-height: 45px; color: #fff; }

.about-us .section.four .page-center { max-width: 1140px; }
.about-us .section.four .title { font-family: "filson-soft",sans-serif; font-size: 36px; line-height: 46px; margin-bottom: 50px; text-transform: uppercase; }
.about-us .section.four .copy { line-height: 30px; }
.about-us .section.four .button { padding: 0; text-align: left; }
.thin-light-blue-spacer { border-bottom: 1px solid #C6E7EE; padding-bottom: 77px; }



/* .table-container { display: table; width: 100%; } */
.table-container .col-2 { display: inline-block; width: 49%; box-sizing: border-box; vertical-align: middle; }
.table-container .col-2.right { padding-left: 15px; }
.table-container .col-2.left { padding-right: 15px; }

.col-3 { width: calc(100%/3); display: inline-block; vertical-align: middle; box-sizing: border-box; }
.about-us .join-our-team .page-center { max-width: 1140px; }
.about-us p.gray { color: #7B7B7B; }
.positions-container { max-width: 960px; margin: 70px auto 0; list-style: none; padding: 0; }
.position .icon { height: 55px; }
.position .icon.col-3 { width: 20%; }
.position .information.col-3 { width: 60%; padding: 0 10px; }
.position .apply.col-3 { width: 20%; }
.position .apply .button { padding: 0; }
.position .apply button { max-width: 165px; padding: 13px; }
.positions-container .position { margin-bottom: 50px; }
.positions-container .position:last-child { margin-bottom: 0; }
.position .title { font-family: "filson-soft",sans-serif; font-weight: 400; font-size: 22px; line-height: 1.36em; }
.position .small-text { color: #7B7B7B; }

.about-us .testimonial { max-width: 996px; margin: 0 auto 100px; padding: 0; }
.about-us .testimonial .text, .about-us .testimonial .images { display: table-cell; vertical-align: top; }
.about-us .testimonial .images { width: 220px; }
.about-us .testimonial .photo { width: 116px; height: 116px; border-radius: 50%; overflow: hidden; }
.about-us .testimonial .quote-icon { max-width: 50px; margin-right: 20px; }
.about-us .testimonial .photo, .about-us .testimonial .quote-icon { display: inline-block; vertical-align: top; }
.about-us .testimonial .text .quote { color: #66A5B4; font-style: italic; font-family: "filson-soft",sans-serif; font-size: 18px; line-height: 2.11em; margin-bottom: 40px; }
.about-us .testimonial .text .quote p { padding: 0; margin: 0; }
.about-us .testimonial .text .info { color: #66A5B4; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; font-weight: bold; }

@media screen and (max-width: 767px){
  .about-us .section.one .left { width: 100%; text-align: center; padding: 0; }
  .about-us .section.one .right { width: 100%; padding: 0; margin-top: 50px; }
  .col-2 { width: 100%; text-align: center; }
  .about-us .section .button-text { font-size: 17px; }
  .about-us .section.four .col-2.left { text-align: left; }
  .about-us .section.four .button { padding: 0; text-align: center; margin: 25px 0 35px; }

  .table-container { display: block; width: 100%; }
  .table-container .col-2 { display: block; width: 100%; padding: 0 !important; }
}
@media screen and (max-width: 580px){
  .about-us .testimonial { text-align: center; }
  .about-us .testimonial .left, .about-us .testimonial .right { padding: 35px; }
  .about-us .testimonial .text, .about-us .testimonial .images { display: block; text-align: center; width: 100%; }
  .about-us .testimonial .images { margin-bottom: 25px; }
  .about-us .testimonial .quote-icon { display: none; }

  .single .author-image { margin-right: 0px; }
  .single .author-bio { text-align: center; }
}
@media screen and (max-width: 480px){
  .position .title { font-size: 4.5vw; }
  .position .apply button { padding: 5px 10px; }
  .position .apply .button-text { font-size: 4.5vw; }

  .site-header .site-branding .logo { width: 28vw; height: 6vw; }
  .site-header-main button { padding: 11px 15px; }
  .site-footer ul li { width: 100%; margin: 5px 0; }
  .site-info span { width: 100%; display: inline-block; box-sizing: border-box; border: none; padding: 5px 15px; }

  .single .author-image { margin-right: 0px; }
  .single .author-bio { text-align: center; }
}