@import url(css/reset.css);
@import url(css/layout.css);
/* Sizes */
/* Font Stacks */
/* Colors */
/* TYPOGRAPHY */
/* Alignment */
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-gray-medium {
  color: #aeaeae; }

/* Fix Superscripts and Subscripts */
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: .7em; }

sub {
  top: 0.4em; }

/* Announcement Bar */
#announcement-bar {
  line-height: 18px;
  font-size: 10px;
  letter-spacing: 2px;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: white; }
  #announcement-bar a:link {
    color: #fff; }
  #announcement-bar a:visited {
    color: #fff; }
  #announcement-bar a:hover {
    color: #faba19; }
  #announcement-bar a {
    text-decoration: none; }

/* Body */
body, .text-md {
  font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 35px;
  color: #000;
  letter-spacing: 0px; }
  @media (max-width: 400px) {
    body, .text-md {
      font-size: 21px;
      line-height: 30px; } }
.text-sm {
  font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 19px;
  line-height: 22px;
  color: #000;
  letter-spacing: 0px; }

/* Standard Links */
a {
  text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  padding: 0px 0px 0px 0px; }

a:link {
  color: #000; }

a:visited {
  color: #000; }

a:hover {
  color: #f1004a; }

a.x {
  text-decoration: none;
  font-weight: bold; }

a.x:link {
  color: #000000; }

a.x:visited {
  color: #000000; }

a.x:hover {
  color: #286ace; }

a.post_h1 {
  color: #000; }

a.post_h1:link {
  text-decoration: none; }

a.post_h1:visited {
  text-decoration: none; }

a.post_h1:hover {
  text-decoration: underline; }

h1 a, h4 a, h2 a, h1 a:hover, h4 a:hover, h2 a:hover {
  color: #000; }

h1 a:link, h1 a:visited, h4 a:link, h4 a:visited, h2 a:link, h2 a:visited {
  text-decoration: none; }

h1 a:hover, h4 a:hover, h2 a:hover {
  text-decoration: underline; }

div.sidebar h3 a, .simple_recommends h3 a {
  color: #1c1d1f;
  text-decoration: none; }

div.sidebar h3 a:link, simple_recommends h3 a:link {
  text-decoration: none; }

div.sidebar h3 a:active, simple_recommends h3 a:active {
  text-decoration: none; }

div.sidebar h3 a:visited, simple_recommends h3 a:visited {
  text-decoration: none; }

div.sidebar h3 a:hover, simple_recommends h3 a:hover {
  text-decoration: underline; }

/* Navigation */
#logo {
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 9px;
  color: #000;
  line-height: 10px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.nav {
  line-height: 18px;
  font-size: 10px;
  letter-spacing: 2px;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #aeaeae; }

.nav li {
  list-style: none; }

.nav a {
  color: #aeaeae;
  text-decoration: none; }

.nav a:hover, .nav li a:hover, .nav li.current_page_item a, .nav li.current_page_parent a {
  color: black;
  text-decoration: none; }

#footer-left .ss-icon, #footer-right .ss-icon {
  font-size: 11px; }

/* Main Content */
.p-space-md p {
  margin-bottom: 20px; }

.p-space-sm p {
  margin-bottom: 10px; }

#main_content h1, #main_content h2, #main_content h3, #main_content h4 {
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  color: black;
  font-weight: bold; }

#main_content h1 {
  font-size: 38px;
  line-height: 40px;
  margin-top: 2em;
  margin-bottom: .5em; }

#main_content h2 {
  font-size: 30px;
  margin-top: 2em;
  margin-bottom: .5em; }

#main_content h3 {
  font-size: 22px;
  margin-top: 30px; }

#main_content h4 {
  font-size: 16px;
  line-height: 20px; }

#main_content li {
  display: list-item;
  padding: 0px;
  margin: 0 0 15px 25px; }

#main_content ul, #main_content ol {
  margin-bottom: 30px;
  margin-left: 10px; }

#main_content ul li {
  list-style: disc outside none; }

#main_content ol li {
  list-style-type: decimal;
  padding-left: 10px; }

p.comment-form-author, p.comment-form-email, p.comment-form-url, p.comment-form-comment {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.1em;
  margin-top: 10px;
  margin-bottom: 7px;
  color: #1c1d1f;
  font-weight: bold; }

/* Quotes */
blockquote {
  width: 100%;
  box-sizing: border-box;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 40px;
  font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 32px;
  line-height: 38px;
  text-align: left;
  color: #666; }
  @media (max-width: 850px) {
    blockquote {
      margin-top: 25px;
      margin-bottom: 25px;
      padding-left: 20px; } }
/* Captions */
p.wp-caption-text, .tags-text, p.comment-notes, .caption {
  font-size: 14px;
  line-height: 16px;
  margin-top: 10px;
  font-style: italic;
  font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif; }

p.wp-caption-text {
  margin-bottom: 30px;
  color: #666; }

/* Sidebar Type */
.sidebar h2, .sidebar h2.hi {
  font-family: Montserrat, Helvetica, Arial, sans-serif; }

.sidebar h2 {
  font-size: 14px;
  line-height: 14px;
  color: #1c1d1f;
  margin-bottom: 10px;
  margin-top: 60px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px; }

.sidebar h2.hi {
  font-size: 40px;
  line-height: 20px;
  color: #1c1d1f;
  margin-bottom: 5px; }

.sidebar h3, .simple_recommendation h3 {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #1c1d1f;
  font-weight: bold; }

#goodbyebar, .goodbyebaremailinput {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300; }

.big_email_signup_input {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 300; }

input::-webkit-input-placeholder {
  color: #dbdbdb !important; }

input:-moz-placeholder {
  /* Firefox 18- */
  color: #dbdbdb !important; }

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #dbdbdb !important; }

input:-ms-input-placeholder {
  color: #dbdbdb !important; }

/* Project Subnavigation */
div.sidebar ul.subnav {
  margin-top: 20px; }

div.sidebar ul.subnav li {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em; }

div.sidebar ul.subnav a {
  color: #aeaeae;
  text-decoration: none; }

div.sidebar ul.subnav a:hover {
  color: #1c1d1f; }

/* Body Type */
.main_text, .simple_content {
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
  font-size: 17px;
  color: #4a4c51;
  line-height: 1.9em; }

.main_text_sm {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 17px;
  color: #4a4c51; }

.main_heading h1 {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 50px;
  line-height: 1.2em;
  color: #1c1d1f;
  margin-top: .5em;
  margin-bottom: .2em;
  font-weight: 800;
  letter-spacing: -2px; }

.main_heading h4 {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.2em;
  margin-top: 1.1em;
  color: #1c1d1f;
  font-weight: normal; }

.main_text_sm li {
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 10px 0px; }

#project_wrapper h3 {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  margin-top: 10px;
  margin-bottom: 7px;
  color: #1c1d1f;
  font-weight: 400; }

ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }

.sidebar li {
  margin-bottom: 7px; }

p.caps, h3#reply-title, h3#comments-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #aeaeae;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  font-size: 9px; }

.ssba_sharecount {
  font-family: "Montserrat", Helvetica, Arial !important;
  font-size: 10px !important;
  padding: 4px !important;
  border-radius: 4px !important;
  top: -2px;
  margin-right: 5px; }

span.required {
  color: #f41616;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px; }

.kudo-count, .kudo-text {
  font-family: "Montserrat", Helvetica, Arial !important; }

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

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert {
  background: red;
  color: white; }

/* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.




/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/
/* Sizes */
/* Font Stacks */
/* Colors */
/* Site Structure */
div.clearfix {
  clear: both;
  width: 100%; }

body {
  background-repeat: repeat;
  background-color: #ffffff;
  margin-top: 0px;
  margin-bottom: 40px;
  margin-left: 15px;
  margin-right: 15px; }

#main_wrap {
  margin: 0 auto;
  width: 1080px; }
  @media (max-width: 1100px) {
    #main_wrap {
      width: 100%; } }
/* Announcement Bar */
#announcement-bar {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  background-color: #0000ff; }

/* Top Bar */
#topbar {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 10px;
  text-align: center; }
  @media (max-width: 850px) {
    #topbar {
      margin-bottom: 0px; } }
#logo_image, #logo_image_sm {
  border: 0px;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 9px; }

#logo_image {
  width: 161px;
  height: 59px;
  margin-bottom: 4px; }

#logo_image_sm {
  width: 61px;
  height: 74px;
  margin-bottom: 0px; }

#logo {
  display: inline-block;
  text-align: center;
  margin-bottom: 0px;
  vertical-align: top; }
  @media (max-width: 850px) {
    #logo {
      width: 100%;
      margin-bottom: 20px; } }
#left-nav, #right-nav {
  padding-top: 36px;
  display: inline-block;
  vertical-align: top;
  width: 280px; }
  #left-nav .nav li, #right-nav .nav li {
    margin-right: 11px;
    margin-left: 11px; }
  @media (max-width: 850px) {
    #left-nav, #right-nav {
      display: none; } }
#left-nav .nav li {
  float: right; }

#right-nav .nav li {
  float: left; }

#center-nav {
  text-align: center; }
  @media (min-width: 850px) {
    #center-nav {
      display: none; } }
  #center-nav .nav li {
    display: inline;
    margin-right: 8px;
    margin-left: 8px; }

/* Main Content Area */
#main_content {
  width: 700px;
  margin: 0 auto;
  overflow: visible; }
  @media (max-width: 850px) {
    #main_content {
      width: 100%; } }
#end_content {
  width: 100%;
  margin-top: 40px; }

.col-left, .col-right {
  width: 100%;
  text-align: center;
  margin-bottom: 10px; }
  @media (min-width: 850px) {
    .col-left, .col-right {
      width: 45%; } }
@media (min-width: 850px) {
  .col-left {
    float: left;
    text-align: left; } }

@media (min-width: 850px) {
  .col-right {
    float: right;
    text-align: right; } }

img.full-width {
  height: auto;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw; }

/* Images */
.img-lg {
  width: 100%; }

.icon {
  max-height: 24px;
  margin: 0px 2px 0px 2px;
  position: relative;
  top: 4px; }

.img-circle {
  border-radius: 50%; }

/* To make images attached in WP editor responsive */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 97.5%;
  /* Fluid images for posts, comments, and widgets */ }

img[class*="align"],
img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width >attributes are scaled correctly */ }

img.size-full, img.size-medium {
  max-width: 100%;
  width: auto;
  /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
  margin-top: 20px; }

.wp-caption {
  max-width: 100%; }

/* Footer */
#footer-image {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  line-height: 0px; }

.robot_flower {
  width: 40px; }

#footer1 {
  width: 100%;
  height: 2px;
  background-color: #1c1d1f;
  margin-top: 0px; }
  @media (max-width: 900px) {
    #footer1 {
      margin-bottom: 20px; } }
  @media (min-width: 900px) {
    #footer1 {
      margin-bottom: 15px; } }
@media (max-width: 900px) {
  .footer-left, .footer-right {
    float: none;
    text-align: center;
    margin-bottom: 15px; } }

@media (min-width: 900px) {
  .footer-left {
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 40px; } }

@media (max-width: 900px) {
  .footer-left {
    width: 100%; } }

@media (min-width: 900px) {
  .footer-right {
    width: 50%;
    float: right;
    text-align: right;
    /* padding-top: 5px;	*/ } }

@media (max-width: 900px) {
  .footer-right {
    width: 100%; } }

img.footer-face {
  width: 50px; }
  @media (min-width: 900px) {
    img.footer-face {
      float: left;
      margin-right: 15px; } }
  @media (max-width: 900px) {
    img.footer-face {
      float: none;
      margin-bottom: -5px; } }
/* Special Spacing */
.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-80 {
  margin-bottom: 80px; }

.center-sm-left-md {
  text-align: left; }
  @media (max-width: 850px) {
    .center-sm-left-md {
      text-align: center; } }
/* Responsive Video Embeds */
.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.main_heading {
  width: 100%;
  text-align: center;
  margin-bottom: 40px; }

/* Quotes */
.main_text p {
  margin-top: 15px;
  margin-bottom: 15px; }

.main_text img {
  display: block;
  margin-left: 0;
  margin-right: 0; }

/* Project Page Specific Styling */
#project_wrapper {
  clear: both;
  width: 100%;
  margin-top: 55px;
  overflow: hidden; }

.post_project {
  width: 200px;
  height: 230px;
  float: left;
  margin-bottom: 0px;
  margin-right: 50px;
  text-align: center; }

.post_project_noright {
  margin-right: 0px; }

.post_project_large_img {
  width: 425px;
  height: 150px;
  float: left;
  margin-bottom: 30px;
  margin-right: 25px; }

.post_project_large_desc {
  width: 200px;
  height: 150px;
  margin-right: 25px;
  float: right; }

.project_thumbnail, .project_large_thumbnail {
  padding: 3px;
  border: solid #f0f0f0 2px; }

.project_thumbnail {
  width: 190px; }

.project_large_thumbnail {
  width: 415px; }

.project_thumbnail:hover, .project_large_thumbnail:hover {
  border: solid #e3c4bb 2px; }

.project_featured {
  clear: both;
  width: 650px;
  margin-bottom: 40px;
  text-align: left; }

.project_featured img {
  border: none; }

.main_desc {
  margin-top: 40px; }

.sidebar-thumbnail {
  margin-top: 5px;
  margin-bottom: 10px; }

.sidebar-thumbnail-blog {
  margin-top: 25px;
  margin-bottom: 2px; }

div.hero {
  width: 100%;
  text-align: center; }

img.heroimage {
  width: 950px; }

a.project_title {
  color: #1c1d1f; }

a.project_title:link {
  text-decoration: none; }

a.project_title:active {
  text-decoration: none; }

a.project_title:visited {
  text-decoration: none; }

a.project_title:hover {
  text-decoration: underline; }

/* Email Signup */
#big_email_signup {
  text-align: center;
  padding: 10px 0px 70px 0px; }

.big_email_signup_container {
  margin: 0 auto;
  width: 100%; }

.big_email_signup_input {
  width: 325px;
  margin: 0px 7px 0px 0px;
  padding: 0px 0px 0px 5px;
  height: 34px;
  border: 2px solid #e0e0e0; }
  @media (max-width: 850px) {
    .big_email_signup_input {
      width: 200px; } }
.big_email_signup_button {
  height: 38px;
  border: none;
  background: #0000ff;
  color: #fff;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0px 15px 0px 15px;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 11px;
  vertical-align: bottom;
  -webkit-appearance: none; }

.big_email_signup_button:hover {
  background: #00fcff;
  color: #231f20;
  text-decoration: none; }

#mc_embed_signup {
  margin: 7px 15px 0px 15px; }

.goodbyebaremailinput {
  width: 170px;
  margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 5px;
  height: 23px;
  border: 1px solid #b6b6b6; }

.esignup_button {
  height: 24px;
  border: none;
  background: #0000ff;
  color: #fff;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0px 12px 0px 12px;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 11px;
  vertical-align: baseline; }

.esignup_button:hover {
  background: #00fcff;
  color: #231f20;
  text-decoration: none; }

.instagram-desc {
  margin-top: 8px; }

/* Post Social Buttons Placement */
.kudos-container {
  float: left; }

.share-container {
  float: left;
  margin-left: 20px;
  width: 140px; }

/* Comments */
div#comment-textarea {
  float: right;
  width: 400px; }

div#comment-fieldsarea {
  float: left;
  width: 230px; }

textarea#comment {
  width: 98%;
  height: 130px;
  margin-top: 5px; }

p.form-submit {
  margin-top: 0px;
  margin-bottom: 30px; }

form.comment-form input {
  margin-top: 5px; }

textarea#comment, form.comment-form input {
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 17px;
  color: #4a4c51; }

ol#comments-list {
  margin-top: 10px;
  margin-bottom: 35px; }

ol#comments-list li {
  list-style-type: none;
  margin-left: 0px;
  font-family: "Merriweather Sans", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 17px;
  color: #4a4c51; }

cite.fn, span.says {
  font-weight: bold; }

div.comment-body p {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 42px; }

.comment-author img {
  float: left;
  margin-right: 10px; }

.intro-callout {
  padding: 30px;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 13px;
  line-height: 22px; }

/* Useful Things */
.hiddenPic {
  display: none; }

hr {
  background-color: #aeaeae;
  height: 1px;
  width: 100%; }

/* Simple Pages */
.simple_content {
  text-align: center;
  width: 400px;
  margin: 0 auto; }

.top-robot {
  margin-bottom: 50px; }

@media screen and (min-width: 768px) {
  .simple_recommends {
    width: 750px;
    margin: 0 auto;
    margin-top: 30px; }
  .simple_recommends img {
    margin-bottom: 7px; }
  .simple_recommendation {
    float: left;
    width: 225px;
    margin-right: 25px; } }

@media screen and (max-width: 768px) {
  .simple_recommends {
    margin: 0 auto;
    margin-top: 30px;
    text-align: center; }
  .simple_recommends img {
    margin-bottom: 7px; }
  .simple_recommendation {
    width: 225px;
    margin: 0 auto;
    margin-bottom: 30px; } }