.slogan { color: #eb6864 }

.main { margin: 50px 250px; }
.main.skills { margin: 50px 100px; }

body { color: #2f2f2f; }

img { border-radius: 0; }
ul { padding-left: 15px; }
li { padding-bottom: 5px; }
dl li { padding: 0; }
td {
  text-align: center;
  border: 1px solid #dddddd;
}
span#city, span#state {
  font-style: initial;
  text-transform: capitalize;
}

/* td.empty, th.empty { border-color: #e5e5e5 !important } */

.blog-title {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  color: #2f2f2f;
}
.blog-title.left { text-align: left; }
.blog-title.center { text-align: center; }
.blog-title a { color: #2f2f2f; }
h5.blog-title {
  font-size: 18px;
  text-decoration: underline;
  margin: 0 0 10px 0;
  padding: 0;
}
h6.blog-title.center + p { margin-top: 30px; }
h6.blog-title.left { font-size: 15px; }

p.p-li { margin-left: 30px; }
p.twitter { font-style: italic; }

.examples { margin: 0 15px 10px 15px; }

.tldr {
  font-style: italic;
  font-weight: bold;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.8%;
  padding-top: 25px;
  height: 0;
  margin: 25px 0;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .main { margin: 50px 200px; }
  .main.skills { margin: 50px 75px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main { margin: 50px 150px; }
  .main.skills { margin: 50px 50px; }
}
@media (min-width: 542px) and (max-width: 767px) {
  .main { margin: 50px 50px; }
  .main.skills { margin: 50px 25px; }
}
@media (max-width: 541px) {
  .main { margin: 50px 25px; }
  .main.skills { margin: 50px 20px; }
}

.ssl-blog img {
  max-height: 40px;
  margin: 15px 0;
}

img#serverless {
  margin: 0 5% 20px 5%;
}