/*@media screen and (max-width: $sm-breakpoint) {
        padding: 0 40px;
    }*/
body {
  background: url("/_common/img/beach-background.jpg") no-repeat center top scroll;
  background-size: contain;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  color: #1b1b1b; }

a {
  color: #0976bb;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  max-width: 100%;
  max-height: 100%;
  border: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px; }

.title {
  font-size: 3.6em;
  font-weight: 300;
  padding-top: 50px;
  padding-bottom: 50px;
  color: #303030; }
  .title .name {
    font-weight: 400; }
  @media screen and (max-width: 768px) {
    .title {
      font-size: 2em; } }

.top-photo {
  float: left;
  margin-left: 2.365%; }

.top-photo:first-child {
  margin-left: 0; }

@media screen and (max-width: 1140px) {
  .top-photos {
    display: none; } }
.top-photos.carousel {
  display: none; }
  @media screen and (max-width: 1140px) {
    .top-photos.carousel {
      display: block; } }

.prev {
  color: #0976bb;
  font-size: 0.8em;
  float: left;
  padding-top: 5px; }

.prev:hover {
  text-decoration: underline; }

.next {
  color: #0976bb;
  font-size: 0.8em;
  float: right;
  padding-top: 5px; }

.next:hover {
  text-decoration: underline; }

.col-left {
  width: 66%;
  float: left;
  padding-top: 30px; }
  @media screen and (max-width: 768px) {
    .col-left {
      width: 100%;
      float: none;
      padding-top: 30px; } }

.col-right {
  width: 32%;
  float: right;
  clear: right;
  padding-top: 30px; }
  @media screen and (max-width: 768px) {
    .col-right {
      width: 100%;
      float: none;
      clear: both;
      padding-top: 30px; } }

.heading {
  font-size: 2.7em;
  font-weight: 300;
  padding-bottom: 30px; }
  .heading.welcome {
    padding-top: 30px; }
  @media screen and (max-width: 1140px) {
    .heading.twitter {
      font-size: 2em; } }
  @media screen and (max-width: 870px) {
    .heading.twitter {
      font-size: 1.5em; } }
  .heading a {
    color: initial; }
  .heading a:hover {
    text-decoration: none; }

.useful-link {
  background-color: #cee4f1;
  margin-bottom: 10px;
  padding: 5px 10px 5px 10px;
  font-size: 1.4em;
  font-weight: 400; }

hr {
  border: 0;
  border-bottom: 2px dotted #6badd6;
  margin-top: 40px;
  margin-bottom: 40px; }
  hr.contact-me-hr {
    margin-top: 50px; }

.tweets {
  width: 100%; }

.feed-twitter {
  padding-bottom: 30px; }

.twitter-timeline {
  height: 600px;
  width: 100%; }

.footer {
  clear: both;
  padding-top: 40px; }
  .footer hr {
    margin-top: 0px; }

.copyright {
  font-weight: 300;
  padding-bottom: 40px; }

.contact-details {
  font-size: 1.5em; }

/*# sourceMappingURL=StyleSheet.css.map */