@media (min-width: 769px) {
    

  html {
    padding-top: 5rem; } }

@media (min-width: 960px) {
  .container.not-wide {
    width: 960px; } }

body {
  font: normal 16px "Roboto-Regular";
  color: #000;
  line-height: 20px;
  overflow-x:hidden;
  }
  
  strong {
      font-family:"Roboto-Bold";
  }
  
  .meth-hp {
      margin-top:-130px;
      height:130px;
 
  }
  
  .roboto-bold {
      font-family:"RobotoSlab-Bold" ;
  }
  
  #footer p,
  #footer a {
      font-size:12px!important;
  }
  
  ol {
      padding-left:20px;
      line-height:2.5rem!important;
  }
  
  ol li {
      margin-top:0.9em!important;
  }
  
  p {
      margin-top:3px!important;
      margin-bottom:2rem!important;
  }
  
  .home ul.triangle {
      margin-top:0!important;
  }
  
   .subsection {
      margin-bottom:0!important;
  }
  
#footer .row-fluid {
    line-height:2rem;
}

#footer p {
    line-height:1.9rem;
}
  
  
  ul li {
      line-height:2.5rem;
  }
  
  .enlarge-btn {
      background:#707070;
      color:#fff;
      border:none;
      border-radius:0;
      line-height:0;
      height:32px;
      float:right!important;
  }
  
    .enlarge-btn:hover,
      .enlarge-btn:active,
        .enlarge-btn:focus{
          background:#707070;
          border:none;
          outline:none;
      }
  
  .enlarge-btn i {
      margin-left:5px;
  }
  
  .modal-body .close {
      margin-bottom:20px;
  }
  
  .modal-lg {
      width:90%;
  }
  
  .active-pagination {
      color:#000!important;
  }
  
  .active-top {
      border-bottom:2px solid red;
  }
  
  
  a, a:focus, a:hover {color:#0e88e4;outline:none;}
  

img {
  max-width: 100%;
  height: auto; }

p {
  line-height: 2.5rem;
  margin: 1.1rem 0; }
  
  .red-txt {
      color:#f04646;
  }
  
  .green-txt {
      color:#14a078!important;
  }
  
  
  .blue,
  .blue-txt {
      color:#0e88e4!important;
  }
  

ul.triangle {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none; }
  ul.triangle li:before {
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative; }

h1 {
  font-size: 3.75rem;
  font-family: "RobotoSlab-Bold"; }

h2 {
  font-size: 2.8rem;
  font-weight:normal;
  font-family: "RobotoSlab-Bold"; }

h3 {
  font-size: 3rem;
  font-weight: normal;
  font-family: "RobotoSlab-Bold"; }

h4, h5, h6 {
  font-size: 1.75rem; }

.red {
  color: #f04646; }

.blue {
  color: #0e88e4; }

.green {
  color: #14a078; }

.black-back {
  background-color: #000;
  padding: 1rem 2rem;
  color: #fff; }

.blue-back-box {
  background-color: #0e88e4;
  padding: 3rem 4rem;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-family: "RobotoSlab-Bold"; }

a.no-underline:focus, a.no-underline:hover {
  text-decoration: none; }

.red-back {
  background-color: #f04646; }

.yellow-back {
  background-color: #d2d200; }

.green-back {
  background-color: #14a078; }

.blue-back {
  background-color: #0e88e4; }

.margin-top-0 {
  margin-top: 0rem; }

.margin-top-half {
  margin-top: .5rem; }

.margin-top-1 {
  margin-top: 1rem; }

.margin-top-2 {
  margin-top: 2rem; }

.margin-top-3 {
  margin-top: 3rem; }

.margin-top-4 {
  margin-top: 4rem; }

.margin-top-5 {
  margin-top: 5rem; }

.margin-bottom-0 {
  margin-bottom: 0rem; }

.margin-bottom-half {
  margin-bottom: .5rem; }

.margin-bottom-1 {
  margin-bottom: 1rem; }

.margin-bottom-2 {
  margin-bottom: 2rem; }

.margin-bottom-3 {
  margin-bottom: 3rem; }

.margin-bottom-4 {
  margin-bottom: 4rem; }

.margin-bottom-5 {
  margin-bottom: 5rem; }

.padding-top-0 {
  padding-top: 0rem; }

.padding-top-1 {
  padding-top: 1rem; }

.padding-top-2 {
  padding-top: 2rem; }

.padding-top-3 {
  padding-top: 3rem; }

.padding-top-4 {
  padding-top: 4rem; }

.padding-top-5 {
  padding-top: 5rem; }

.padding-bottom-0 {
  padding-bottom: 0rem; }

.padding-bottom-1 {
  padding-bottom: 1rem; }

.padding-bottom-2 {
  padding-bottom: 2rem; }

.padding-bottom-3 {
  padding-bottom: 3rem; }

.padding-bottom-4 {
  padding-bottom: 4rem; }

.padding-bottom-5 {
  padding-bottom: 5rem; }

.padding-right-0 {
  padding-right: 0px; }


@media (min-width: 769px) {
.number-margin {
width: 12%; }



.inset-glossary {margin-left:7%;margin-right:7%;}

.glossary .row-fluid h3, 
.glossary .row-fluid p {margin-left:7%;margin-right:7%;}

.glossary .pagination {margin-left:11%;}

#sub_menu {margin-top:-30px;}

      
  }

.lh-125 {
  line-height: 1.25; }

.lh-15 {
  line-height: 1.5; }

.thin-heading {
  font-weight: 200; }

.btn-white {
  background-color: #fff;
  color: #0e88e4;
  font-size: 2rem;
  font-weight: bold; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #0e88e4; }

.callout {
  width: 768px;
  margin: 2rem auto;
  color: #f04646;
  font-family: "RobotoSlab-Regular";
  font-size: 3.25rem;
  line-height: 1.15; }
  .callout.green {
    color: #14a078; }
.page-template-template-sections-php .section-content .subsection,
h3.subsection,
.subsection {
  font-family: "Roboto-Bold"!important;
  font-size: 1.75rem!important;
  line-height: 1!important;
  margin: 3rem 0; }

.subtitle {
  margin: 0 0 2em 0; }

.fancy {
  line-height: 0.5;
  text-align: center; }

.fancy span {
  display: inline-block;
  position: relative; }

.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 5px solid #f04646;
  top: 5px;
  width: 400px; }

.fancy span:before {
  right: 100%;
  margin-right: 15px; }

.fancy span:after {
  left: 100%;
  margin-left: 15px; }

.no-margin {
  margin: 0; }

.numberCircle {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  padding-top: 30px;
  background: #f04646;
  border: 0;
  color: white;
  text-align: center;
  font-size: 3rem; }

.number-circle-yellow {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  padding-top: 25px;
  background: #d2d200;
  border: 0;
  color: white;
  text-align: center;
  font-size: 3rem; }

.number-circle-green {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  padding-top: 30px;
  background: #14a078;
  border: 0;
  color: white;
  text-align: center;
  font-size: 3rem; }

.pagination > li > a, .pagination > li > span {
  border: none; }
  
  .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
      background:none;
      color:#000;
      border-color:inherit;
  }

.pagination > li > a, .pagination > li > a, .pagination > li > span {
  border-left: 1px solid #000;
  font-size: 1.75rem;
  font-family: "RobotoSlab-Bold";
  color: #adadad; }
  .pagination > li > a:first, .pagination > li > a:first, .pagination > li > span:first {
    border-left: 0; }

.pagination > li:first-child > a {
  border: none; }

/**  Top Nav
=======================**/
.navbar-top {
  background: #fff;
  border: none; }

.navbar-top .navbar-nav > .active > a, .navbar-top .navbar-nav > .active > a:focus, .navbar-top .navbar-nav > .active > a:hover, .navbar, .nav > li > a:focus, .nav > li > a:hover {
  background: white; }

.navbar-top .navbar-nav > .active > a, .navbar-nav > li > a {
  color: #000;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal; }

/** Secondary nav
=======================**/
.navbar-secondary .navbar-nav > li > a {
  font-family: "RobotoSlab-Bold";
  line-height: 1.5; }

.navbar-secondary {
  background: #000;
  color: #fff;
  padding: 2rem 0; }
  @media (min-width: 769px) {
    .navbar-secondary {
      padding: 5rem 0; } }
  .navbar-secondary .top-logo {
    font-size: 3rem;
    font-weight: bold;
    color: white; }
    @media (min-width: 769px) {
      .navbar-secondary .top-logo {
        font-size: 6rem !important;
        line-height: 6rem; } }
    .navbar-secondary .top-logo:hover {
      text-decoration: none; }
  .navbar-secondary .navbar-nav > .active > a, .navbar-secondary .navbar-nav > li > a {
    color: #fff;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal; }
  .navbar-secondary .navbar-toggle .icon-bar {
    background-color: #fff; }
  @media (min-width: 769px) {
    .navbar-secondary .navbar-nav {
      float: right;
      margin-top: -20px;
      padding-top: -80px; } }

@media (min-width: 769px) {
  .navbar-secondary .navbar-nav {
    top: 15px !important; } }




  .navbar-secondary .navbar-nav > li > a.last-four-menu.red {
    color: #f04646; }
  .navbar-secondary .navbar-nav > li > a.last-four-menu.yellow {
    color: #d2d200; }
  .navbar-secondary .navbar-nav > li > a.last-four-menu.blue {
    color: #0e88e4; }
  .navbar-secondary .navbar-nav > li > a.last-four-menu.green {
    color: #14a078; }

.last-four-menu {
  font-size: 2rem !important; }

.navbar-secondary .navbar-nav > .active > a, .navbar-secondary .navbar-nav > .active > a:focus, .navbar-secondary .navbar-nav > .active > a:hover, .nav > li > a:focus, .navbar-secondary .nav > li > a:hover {
  background: none; }

.navbar.navbar-secondary {
  margin-bottom: 0;
  height: 100px !important; }
  @media (min-width: 769px) {
    .navbar.navbar-secondary {
      height: auto; } }

@media (min-width: 769px) {
  .home .navbar.navbar-secondary {
    height: 180px !important; }
    .navbar-secondary.measured-nav-fixed,
    .home .navbar-secondary.measured-nav-fixed {
        height:70px!important;
    }
    .measured-nav-fixed .top-logo,
    .home .navbar-secondary.measured-nav-fixed .top-logo {font-size:4rem!important;}
    
    
    .measured-nav-fixed #measured-nav .nav li,
    .home .measured-nav-fixed #measured-nav .nav li {margin-top:5px!important;}
    
    .navbar-secondary.measured-nav-fixed .navbar-header,
    .home .navbar-secondary.measured-nav-fixed .navbar-header {
        padding-top:5px!important;
    }
    
}



#section_the-role-of-measurement h2 {
    background:#f04646!important;
}


.page-template-template-sections-php .section-content h3 {margin-bottom:20px;}
.page-template-template-sections-php .section-content h3,
.page-template-template-sections-php .section-title {font-size:16px; font-family: "Roboto-Regular";}


/*#section_outcomes h3,*/
/*.page-template-template-sections-php #section_objectives h3 {*/
/*    font-size:28px;*/
/*    font-family: "Roboto-Regular";*/
/*    font-weight:normal;*/
/*}*/

.page-id-343 h2 {
      font-size:3.75rem!important;

  }
  
  .fancy-first {
      display:flex;
      justify-content:center;
      width:100%;
      align-items:center;
      text-align:center;
  }

  
  .fancy-first:before, .fancy-first:after  {
      content:'';
      border-top: 2px solid #f04646;
      margin:0 10px 0 10px;
      flex: 1 0 20px;
  }

.btn-info {color:red!important;font-style:italic!important;font-size:16px!important;outline:none;padding-left:0;}

.page-id-639 #section_role-of-measurement h2 {
    background:#f04646;
}


.page-template-when-to-use-and-measure-social-design .row.margin-top-2.margin-bottom-3,
.page-template-why-is-measured-design-needed-page .row.margin-top-2.margin-bottom-2,
.page-template-what-is-social-design-page .row.margin-top-2.margin-bottom-2 {
    display:table;
}

.page-template-template-sections-php .section-content h3 {
    font-family:"RobotoSlab-Bold";
    font-size:3rem;
}


.page-template-when-to-use-and-measure-social-design .row.margin-top-2.margin-bottom-3 .col-sm-2,
.page-template-why-is-measured-design-needed-page .row.margin-top-2.margin-bottom-2 .col-sm-2,
.page-template-what-is-social-design-page .row.margin-top-2.margin-bottom-2 .col-sm-2 {
    display:table-cell;
    vertical-align:middle;
    float:none;

}

.smaller-heading {
    font-size:16px!important;
}
.page-id-582 .section-content h3 {
    margin-top:2px;
}
.page-template-cases-and-stories #h1a-0 {border-bottom:solid #f04646 2px;}
.page-id-1223 #h1a-0,
.page-id-1014 #h1a-0,
.page-id-1040 #h1a-0,
.page-id-996 #h1a-0,
.page-id-1246 #h1a-0,
.page-id-508 #h1a-0,
.page-id-582 #h1a-0,
.page-id-639 #h1a-0,
.page-id-176 #h1a-0 {border-bottom:solid #f04646 2px;}

.page-id-113 #h1a-1 {border-bottom:solid #0e88e4  2px;}

.page-template-what-is-social-design-page .last-four-menu.red {
  border-bottom: solid #fff 2px;
  padding-bottom: 5px; }

.page-template-why-is-measured-design-needed-page .last-four-menu.yellow {
  border-bottom: solid #fff 2px;
  padding-bottom: 5px; }
  
  .page-template-observations-and-learning #sub_menu ul {
      border-top:2px solid #0e88e4;
  }

.page-template-when-to-use-and-measure-social-design .last-four-menu.green {
  border-bottom: solid #fff 2px;
  padding-bottom: 5px; }

.page-template-how-to-read-case-studies-new .last-four-menu.blue {
  border-bottom: solid #fff 2px;
  padding-bottom: 5px; }

#top-content {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.navbar-secondary .navbar-header {
  position: absolute;
  height: 100px;
  width: 100%; }
  @media (min-width: 768) {
    .navbar-secondary .navbar-header {
      height: 200px; }
      
  
      
  }

/** HOME
================================**/
#home-top-background {
  background: url("/wp-content/uploads/2019/07/IMG_2285.png") no-repeat;
  background-size: cover;
  height: 800px;
  padding-top: 1rem; }
  @media (min-width: 769px) {
    #home-top-background {
      padding-top: 5rem;
      height: 600px;
      padding-top: 0; } }

#top-paragraph {
  color: #fff;
  font-size: 2rem;
  padding: 3rem 0;
  line-height: 1.25;
  font-family: "Roboto-Bold"; }
  @media (min-width: 769px) {
    #top-paragraph {
      font-size: 2.5rem; } }

#top-four .col-sm-3 {
  margin-bottom: 1rem; }
  #top-four .col-sm-3 .inner-container {
    background-color: #000;
    color: #fff;
    padding: 1rem;
    height: 170px;
    line-height: 1; }
    #top-four .col-sm-3 .inner-container.border-top-red {
      border-top: solid 2px #f04646; }
    #top-four .col-sm-3 .inner-container.border-top-yellow {
      border-top: solid 2px #d2d200; }
    #top-four .col-sm-3 .inner-container.border-top-green {
      border-top: solid 2px #14a078; }
    #top-four .col-sm-3 .inner-container.border-top-blue {
      border-top: solid 2px #0e88e4; }
    #top-four .col-sm-3 .inner-container h3 {
      font-family: "RobotoSlab-Bold";
      margin-top: 0; }
      #top-four .col-sm-3 .inner-container h3.red {
        color: #f04646; }
      #top-four .col-sm-3 .inner-container h3.blue {
        color: #0e88e4; }
      #top-four .col-sm-3 .inner-container h3.yellow {
        color: #d2d200; }
      #top-four .col-sm-3 .inner-container h3.green {
        color: #14a078; }
    #top-four .col-sm-3 .inner-container p {
      font-size: 1.75rem; }

@media (min-width: 769px) {
  #top-four {
    margin-top: -30px;
    padding-top: 50px; }
    
  
  #h1a-1 {padding-right:0;}
    
    
}

.page-id-582 #section_objectives h3{  
    font-family:"RobotoSlab-Regular"!important;
}

.no-underline:hover {
    cursor:pointer;
}

/** How To Read Page
=============================**/
.how-to-read-page .section-page-right li.nav-item {
  border: solid 1px #000; }

#showMore {
  display: none; }

/** TOOLTIPS
============================**/
.tooltips {
  position: relative;
  display: inline-block;
  width: 100%; }

/* Tooltip text */
.tooltips .tooltiptext {
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 136, 228, 0.9);
  color: #fff;
  text-align: center;
  padding: 15px 0;
  border-radius: 0;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 6rem;
  margin-left: -60px;
  opacity: .75;
  transition: opacity 0.3s;
  font-family: "Roboto-Bold";
  font-size: 1.5rem; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

.visibility-on {
  display: block; }

.visibility-off {
  display: none; }

.case-studies-images div {
  transition: all .5s ease-in-out; }
  .case-studies-images div:hover .visibility-on {
    display: none; }
  .case-studies-images div:hover .visibility-off {
    display: block; }

#section-page-content {
  margin-top: 3rem; }

.glossary h3 {
  font-family: "Roboto-Bold";
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0; }

.glossary p {
  margin-top: 0; }

/** Sticky footer styles
=============================**/
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */ }

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px; }

/* Set the fixed height of the footer here */
#footer {
  height: auto;
  padding-top: 3rem;
  background-color: #000;
  color: #ffffff;
  margin-top: 5rem; }
  #footer .bottom-logo {
    font-size: 5rem;
    margin-top: 3rem;
    font-weight: bold; }
  #footer a {
    color: #fff; }

#footer-colors {
  width: 100%; }
  #footer-colors .red-back {
    background-color: #f04646;
    height: 23px; }
  #footer-colors .yellow-back {
    background-color: #d2d200;
    height: 23px; }
  #footer-colors .green-back {
    background-color: #14a078;
    height: 23px; }
  #footer-colors .blue-back {
    background-color: #0e88e4;
    height: 23px; }
    
    
    .fixed-pagination {
        position:fixed;
        top:100px;
        z-index:9000;
    }
    
    .relative {
        position:relative;
    }
    
    .green-box {
        background: #14a078;
    }
    
    .red-box {
        background:#f04646;
    }
    
    .yellow-box {
        background:#d2d200;
    }
    .when-section .col-sm-10,
    .page-template-what-is-social-design-page .col-sm-10,
    .why-section .col-sm-10 {
        display:table-cell;
        vertical-align:middle;
    }
    
    .when-section .col-sm-6 .subsection {
        width:49%;
        display:inline-block;
        vertical-align:top;
    }
    

    
@media(min-width:769px) {
    .page-template-observations-and-learning .navbar-secondary .navbar-header,
    .page-template-how-to-read-case-studies-new .navbar-secondary .navbar-header,
    .page-template-what-is-social-design-page .navbar-secondary .navbar-header,
    .page-template-why-is-measured-design-needed-page .navbar-secondary .navbar-header,
    .page-template-when-to-use-and-measure-social-design .navbar-secondary .navbar-header{
        height:80px;
    }
    #section_outcomes .col-sm-10,
    .number-margin {
        display:table-cell!important;
        vertical-align:middle;
        float:none;
    }
    
    
    .navbar-secondary .navbar-nav > li > a.last-four-menu {
  font-size: 2rem !important; }
  
  #about {
      margin-top:-100px;
      padding-top:100px;
  }
  
    .navbar-secondary .navbar-nav > .active > a, .navbar-secondary .navbar-nav > li > a {
        font-size:2rem;
    }
    
    .top-inherit {
        height:auto!important;
        position:relative!important;
        top:0!important;
    }
    
    .mobile-only {
        display:none;
    }
    
    .measured-nav-fixed #measured-nav .nav li:nth-child(7) {
        margin-right:0!important;
    }
    .measured-nav-fixed #measured-nav .nav li:nth-child(9),
    .measured-nav-fixed #measured-nav .nav li:nth-child(8),
    .measured-nav-fixed #measured-nav .nav li:last-child {
        display:none!important;
    }
        .page-template-observations-and-learning #section-page-content,
         .page-template-why-is-measured-design-needed-page #section-page-content,
    .page-template-what-is-social-design-page #section-page-content,
    .page-template-when-to-use-and-measure-social-design #section-page-content,
    .page-template-how-to-read-case-studies-new #section-page-content{
        margin-top:0;
    }
    
     #wrap .nav-stacked li:nth-child(4).pastactive a,
 #wrap .nav-stacked li:nth-child(4).active a {
     background:#f04646!important;
    border:2px solid #f04646!important;
    color:#f04646;
}

    #h1a-17,
    #h1a-18 {
        display:none!important;
    }
    
     #wrap .nav-stacked li:nth-child(4) a {
    border:2px solid #f04646;
    color:#f04646;
}
 #wrap .nav-stacked li:nth-child(4) a {
    border:2px solid #f04646;
    color:#f04646;
}
    
    .navbar-top .navbar-nav > .active > a, .navbar-nav > li > a {
        font-size:20px;
    }
    
    .navbar-secondary .navbar-nav > li > a {
        font-size:3rem;
    }
  .home .navbar-secondary .navbar-nav > li > a.first-two-menu {
  font-size: 2.6rem !important; }
}
    
@media(max-width:768px) {
    .fixed-pagination {
        display:none;
    }
    #home-top-background,
    #top-four {
        z-index:-1;
    }
    
 
    

    
    .measured-nav-fixed #measured-nav .nav li a {
        display:inline-block;
    }
    
/*    .page-template-cases-and-stories #h1a-0,*/
/*    .page-id-113 #h1a-1 {width:250px;}*/
/*    .page-id-508 #h1a-0,*/
/*.page-id-582 #h1a-0,*/
/*.page-id-639 #h1a-0,*/
/*.page-id-176 #h1a-0 {width:250px;}*/
    
    #about {
        margin-top:-45px;
        padding-top:45px;
    }
    
    .navbar-nav {
        z-index:9999;
    }
    
    
    #about .row .col-sm-3 img {
        width:100%;
    }
    
    .center {
        text-align:center!important;
    }
    
     #h1a-17,
    #h1a-18,
    #h1a-16  {
        font-family:"Roboto-Regular";
    }
    
    .navbar-secondary .navbar-header {
        height:70px;
    }
    
    .desktop-only {
        display:none;
    }
    
    .pagination > li > a, .pagination > li > a, .pagination > li > span {
        margin-bottom:2px;
        font-size:12px;
    }
    

    
    .section-page-left {
        padding-bottom:50px!important;
    }
    
    h5.subsection {
        margin-top:1rem;
    }
    
    .home .col-sm-3 {
        margin-bottom:20px;
    }
    

 
    .page-template-template-sections h3,
    .page-id-582 .col-sm-10 h3,
    .page-template-why-is-measured-design-needed-page .col-sm-10 h3,
    .page-template-what-is-social-design-page .col-sm-10 h3,
    .page-template-when-to-use-and-measure-social-design .col-sm-10 h3 {
        font-size:1.8rem!important;
    }

    .page-template-why-is-measured-design-needed-page .col-sm-2,
    .page-template-what-is-social-design-page .col-sm-2,
   .page-template-when-to-use-and-measure-social-design .col-sm-2 {
        width:20%;
    }
    
    #measured-nav {
        height:80vh;
    }


    
    .nav > li > a {
        padding:10px 15px!important;
    }
    .navbar-secondary .navbar-header .top-logo {
        line-height:1.5;
    }
    .navbar.navbar-secondary {
        height:70px!important;
    }
    
    .cases-txt h2 {
        margin-top:0;
    }
    
    .subtitle {
        margin-bottom:.1em;
    }
    
    .margin-top-5 {
        margin-top:2rem;
    }
    
    .fancy-first {
        font-size:18px;
    }
    
    .subsection {
        margin-bottom:1rem;
    }
    
    #section-mobile-nav {
        position:fixed;
        width:87%;
        right:0;
        top:70px;
    }
    
    a.section-mobile-close {
        top:70px;
    }
    
    .page-id-176 a.section-mobile-open {
        margin-top:0;
    }
    
    .case-studies-images img {
        width:100%;
    }
    
    a.section-mobile-open {
        position:fixed;
        right:0;
        z-index:900;
    }
    
    .cases-txt h2,
    .cases-txt p{
        display:inline-block;
        font-size:18px;
    }
    .padding-top-2,
    .padding-top-3 {
        padding-top:0;
    }
    
    .sections-page-nav {
        margin-top:0!important;
    }
    
    .cases-txt p {
        font-weight:bold;
    }
    
    .callout {
        width:100%;
        font-size:1.8rem;
    }
    .mobile-footer-container .bottom-logo {
        margin-top:0!important;
        font-size:3rem!important;
    }
    .mobile-footer-container {
        text-align:center;
    }


    
    .mt-63 {
        margin-top:63px!important;
    }
    
    #footer .mobile-only a:last-child {
        padding-left:30px;
    }
    
    
    #footer {
        padding-top:2rem;
    }
    
    .container {
        padding-left:36px;
        padding-right:36px;
    }
    
    .navbar-toggle {
        margin-right:36px;
    }
    
    #footer-colors .red-back,
    #footer-colors .yellow-back,
    #footer-colors .green-back,
    #footer-colors .blue-back {
        height:10px;
    }
    
    #about .col-md-1{
        text-align:center;
    }
    
    
    .pagination > li > a, .pagination > li > span {
        border:none!important;
    }
    
    #pagination-fixed {
        position:fixed!important;
        height:auto!important;
        right:-3px!important;
        top:100px;
        width:auto!important;
    }
    
    #measured-nav .navbar-nav {
        margin:0;
    }
    
    #home-top-background {
        background-position:center;
    }
    
    #sub_menu {
        display:none;
    }
 
/*.navbar-secondary .navbar-nav > li > a.last-four-menu.blue, */
/*.navbar-secondary .navbar-nav > li > a.last-four-menu.green,*/
/*.navbar-secondary .navbar-nav > li > a.last-four-menu.yellow,   */
/*.page-template-what-is-social-design-page .last-four-menu.red {*/
/*    width:250px;*/
/*}*/
    
    .pagination > li {
        width:100%;
        display:block;
    }
    
    .pagination > li > a, .pagination > li > span {
        padding:1px 12px;
    }

    
    .rotate-cell-phone  {
        transform: rotate(90deg);
        height:60px;
        left:0;
        right:0;
        margin:auto;
    }
    
    .last-four-menu {
        font-size:15px!important;
    }
    
    #top-four {
        margin-top:13px!important;
    }
    
    #top-paragraph {
        padding-top:1rem;
        padding-bottom:0;
    }
    
    .navbar-secondary {
        z-index:9999;
    }
    
       .navbar-nav {
        top:0!important;
    }
    
    .navbar-collapse.collapse.in {
        margin-top:50px;
    }
            
    .navbar-toggle {
        padding-top:0;
    }
}




@media(min-width:600px) and (max-width:768px) {
        html  {
        padding-top:65px!important;
    }
    
    #section_dashboards-and-documentation .row .col-sm-6 img {
        margin-bottom:20px;
    }
    
    .page-template-template-sections .col-sm-10 {
        width:80%;
        display:table-cell;
        vertical-align:middle;
    }
    .page-template-template-sections .col-sm-2,
    .page-template-template-sections .col-sm-10 {
        display:inline-block;
    }
    
    .why-section .col-sm-6 {
        width:49%;
        display:inline-block;
        vertical-align:top;
    }
    
    #section_team-structure-and-dynamics .mobile-only {
        display:none!important;
    }
    
    #section_team-structure-and-dynamics .desktop-only {
        display:block!important;
    }
    
    #section_dashboards-and-documentation .row .col-sm-6  {
        width:49%;
        display:inline-block;
      
    }
    
    #section_dashboard-and-documentation .col-md-6 {
        width:49%;
        display:inline-block;
        vertical-align:top;
    }
    
    #section_outcomes .col-sm-6 {
        width:49%;
        display:inline-block;
    }
    
    .page-template-template-sections .mobile-only img {
        width:49%;
       display:inline-block;
    }
    
      .page-template-template-sections .mobile-only br{
        display:none;
    }
    
    #section_team-structure-and-dynamics .mobile-only img:nth-of-type(2) {
        width:auto;
        margin-left:20px;
    }
    
     .desktop-only.tablet-view {
        display:block!important;
    }
    
    .mobile-only.tablet-view {
        display:none!important;
    }
    
    .section-content img {
        margin-bottom:10px;
        margin-top:10px;
    }
}


@media(max-width:600px) {
        .col-sm-2.number-margin {
        width:100%;
        float:left!important;
        text-align:center;
    }
    
  .enlarge-btn {
      display:none;
  }
    
    html {
        padding-top:65px!important;
    }
    
    .col-sm-2.number-margin img {
        width:50px;
        margin-bottom:20px;
    }
    
     #section_dashboards-and-documentation .col-sm-6 img,
    #section_outcomes .col-sm-6 img {
        margin-bottom:20px;
    }
    

    
    a.section-mobile-open {
        margin-top:-25px!important;
    }
    
        .page-template-template-sections  a.section-mobile-open {
        margin-top:3px!important;
    }
    
    .when-section .col-sm-10, .page-template-what-is-social-design-page .col-sm-10, .why-section .col-sm-10 {
        display:block!important;
    }
    
    .sections-page-nav {
        margin-top:-5px!important;
    }
    
    
     .page-template-template-sections .col-sm-2 img,
    .page-id-582 .col-sm-2 img {
        width:50px;
    }
    .page-template-template-sections .col-sm-2,
    .page-id-582 .col-sm-2 {
        width:100%;
        float:left;
        margin-right:0;
        text-align:center;
        margin-bottom:20px;
    }
    .page-template-template-sections .col-sm-10,
    .page-id-582 .col-sm-10 {
        float:left;
        width:100%;
        
    }
}


@media(max-width:1200px) {
    .mid-width {
        display:none;
    }
}

@media(max-width:375px) {
        #pagination-fixed {
        position:fixed!important;
        height:auto!important;
        right:-3px!important;
        top:80px;
    }
}

@media(min-width:769px) and (max-width:1200px) {
    .navbar-nav > li {
        padding-left:10px;
    }
    

}

@media(min-width:769px) and (max-width:1050px) {
        .callout {
        width:100%!important;
    }
    
}