/*footer*/

p.copyright {
  font-size: 0.7rem;
}
  

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.social_buttons a {
  opacity: 0.8;
}

.social_buttons a:hover {
  opacity: 1.0;
}
.social_buttons {
  font-size: 1.6rem;
  list-style: none;
  padding: 0;
}  


/*homepage*/

.nav-container {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}


.top-bar-section .right .dropdown {
  border: 1px solid black;
}

h2 span {
    white-space: nowrap;
}



@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

.all-services-page #lets-go h3, .portfolio-page #lets-go h3 {
  font-size: 1.6rem;

}
.all-services-page #lets-go p, .portfolio-page #lets-go p {
  font-size: 1.1rem;

}

}  


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

#lets-go h1, #lets-go h2 {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}

}  

@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

#lets-go h1, #lets-go h2 {
  margin-left: 4rem;
  margin-top: 0.5rem;

}
}

@media only screen and (min-width: 64.063em) { /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

#lets-go h1, #lets-go h2 {
  margin-left: 14rem;

}
#lets-go h1 {
  margin-top: 6rem;

}
}

@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

#why-you-need-content-strategy {
  margin-bottom: 4rem;

}
}


@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

#why-you-need-content-strategy {
  margin-bottom: 6rem;

}
}



@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

.all-services-page #lets-go h3, .portfolio-page #lets-go h3 {
  font-size: 2rem;

}
.all-services-page #lets-go p, .portfolio-page #lets-go p {
  font-size: 1.18rem;

}
}

.portfolio-page #lets-go {
  margin-bottom: 0;
}




#banner-red {

    background-image: url(/images/Contented-Strategy-Background-1.png);
    background-size: contain;
    background-position-x: center;
    background-repeat: repeat;
    position: relative;
    min-height: 14em;
    max-height: 16em;
    margin-bottom: 5em;
  }   

  .homepage .value-proposition {
  padding-top: 100px;
  padding-bottom: 20px;
}

.value-proposition {
  padding-top: 45px;
  padding-bottom: 15px;
}

.value-proposition h1 {
  color: rgb(0,0,0);
}

.value-proposition h3 {
  color: rgb(0,0,0);
}

.value-proposition h2 {
  color: rgb(255,250,250);
}

/* Small only */
@media screen and (max-width: 39.9375em) {

#banner {
    min-height: 215px;
  } 

#banner-red {
    min-height: 10em;
    max-height: 12em;
    margin-bottom: 2em;;
  } 

.value-proposition {
  padding-top: 10px;
  padding-bottom: 10px;
}  

}




.red-with-spots {
  position: absolute;
  left: 0;
  top: 0;
}





/*@media only screen and (min-width: 40.063em) {   min-width 641px, medium screens   

  #about-me {
    padding-top: 40px;
  }



}*/

#free-content-strategy-guide p {
  margin-bottom: 20px;
}

#free-content-strategy-guide {
  margin-top: 20px;
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: rgb(246,248,254);
}


.book-signup-form-section {
  margin-top: 20px;
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: rgb(201,209,211);
}


#my-projects {
  padding-top: 50px;



}

.down_arrow {
  max-height: 30px;
  margin: auto;
}

/*.across_arrow {
  max-height: 12px;
}*/

.number-1-dot, .number-2-dot, .number-3-dot, .number-4-dot {
  max-height: 30px;
  margin-right: 10px;
}


#sendowl {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}


#how-i-work {
  background-color: rgb(247,247,247);
}




#feature-upvote, #bcalm {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: white;
}

.Xoomworks-BI-screenshot {
  padding-left: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}


#feature-upvote .button {
  margin-top: 2rem;
}





@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

#feature-upvote .button {
  margin-top: 2.5rem;
}
}




#blog_section {
  padding-top: 70px;
  padding-bottom: 70px;
}

#blog_section h3 {
  padding-bottom: 20px;
}



#hire-me-section {
  background-image: url(/images/Contented-Strategy-Background-1.png);
  position: relative;
  height: 350px;

}

.about-the-author {
  background-image: url(../images/Contented-Strategy-Background-1.png);
  position: relative;
  min-height: 350px;

}

@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

#hire-me-section {
  background-image: url(../images/Contented-Strategy-Background-1.png);
  position: relative;
  height: 420px;

}
}


#hire-me-section  {
  padding-top: 50px;
}

.about-the-author  {
  padding-top: 60px;
}

@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

  #hire-me-section  {
    padding-top: 50px;
  }

  #hire-me-section h3 {
    padding-top: 40px;
  }

}



#hire-me-section a {

color: rgb(201,209,211);

}





/*mobile homepage*/


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */




#feature-upvote, #sendowl, #blog_section, #free-content-strategy-guide  {
  padding-top: 50px;
  padding-bottom: 50px;
}








}



/*landing pages*/





#drive-sales-quote, #redesign-quote, #try-out-cs-quote, #all-cs-services-quote {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgb(247,247,247)
}


#portfolio-quote {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgb(247,247,247)

}

.tick {
  max-height: 30px;
  margin-right: 1rem;
}

#drive-sales-key-benefits-1 h3, #redesign-key-benefits-1 h3, #try-out-cs-key-benefits-1 h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}

#drive-sales-how-i-work h3, #redesign-how-i-work h3 {
  margin-top: 30px;
  margin-bottom: 20px;

}

.try-out-cs-how-i-work h3 {
  margin-top: 40px;
  margin-bottom: 30px;
}

#about-me-in-header {
  font-size: 1.5rem;
}

@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

#all-cs-services-1 {
  padding-top: 30px;
}
}

@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

#all-cs-services-1, #all-cs-services-2, #all-cs-services-3 {
  padding-bottom: 30px;
}
}


/*portfolio page*/


#Xoomworks, #vimcasts {
  padding-top: 35px;
  padding-bottom: 35px;

}





img.vimcasts {

  max-width: 270px;
  

}

@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

img.champagne, img.Xoomworks-logo, img.vimcasts {
  margin: auto;
}

}


@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

img.vimcasts, img.feature-upvote-logo, img.bcalm {
  padding-left: 2rem;
  padding-top: 5rem;
  padding-bottom: 1rem;
}


img.Xoomworks-logo {
  padding-left: 2rem;
  padding-top: 4rem;
  padding-bottom: 1rem;
}

}


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

img.vimcasts, img.Xoomworks-logo, img.feature-upvote-logo {
  padding-top: 20px;
}

}


/*blog index*/

ul.posts {
  list-style: none;
  margin-left: 0;
}

@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

ul.posts li {
  padding-bottom: 15px;
}
}



/*blog page*/


.addthis_toolbox {
  padding-bottom: 40px;
}

.post h1 {
  padding-bottom: 20px;
}

.post h3 {
  padding-top: 26px;

}
.post h4 {
  padding-top: 20px;

}

/*blog posts*/


.post img {
  margin-top: 30px;
}

.blog_caption {
  font-size: 0.8em;
  margin-bottom: 25px;
  font-style: italic;
}




/*ebook landing page*/

#value-proposition-book h2 {
  margin-top: 2em;
  margin-bottom: 0.5em;
}

#value-proposition-book h3 {
  margin-bottom: 1.5em;
}

#value-proposition-book li {
  margin-bottom: 0.5em;
}

#value-proposition-book ul {
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}

@media only screen and (max-width: 40em) { /* mobile ONLY */
}
@media only screen and (max-width: 64.063em) { /* mobile AND medium */
  .buy-now-row {
    margin-top: 2em;
  }

  .buy-now-row-homepage {
    margin-top: 1.5em;
  }

}

@media only screen and (min-width: 64.063em) {  /* min-width 1025px, large screens */

  .buy-now-row-again {
    margin-bottom: 1em;
  }

  .buy-now-row-homepage {
    margin-top: 1em;
  }

  #value-proposition-book img.cover-image {
    margin-top: 130px;
    padding-left: 2em;
}
}

#what-can-you-expect-book-landing-page h3 {
  margin-top: 60px;
  margin-bottom: 30px;
}

#who-is-this-book-for-book-landing-page  {
  margin-bottom: 1em;
}

#who-is-this-book-for-book-landing-page h3 {
  margin-top: 60px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

#why-you-need-content-strategy {
  margin-bottom: 4rem;

}
}


@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

#why-you-need-content-strategy {
  margin-bottom: 6rem;

}
}


#what-is-content-strategy h3 {
  margin-bottom: 0.8em;
}

#more-than-copywriting {
  margin-top: 4em;
}

#more-than-copywriting h3 {
  margin-bottom: 0.8em;
}

#testimonails-book-landing-page h3 {
  margin-top: 60px;
  margin-bottom: 30px;
}


#content-strategy-ebook {
  margin-top: 40px;
}



img.ceo-image {
    float: left;
    margin: 0 0 10px 10px;
}