/*************************************************************************************************************************
Screen smaller than 680px
*************************************************************************************************************************/
@media all and (max-width: 680px) {

  /* Overall */
  .container {margin: 0 auto; width: 90%; overflow: hidden; background: #fff;}
  .header {position: relative; width: 100%; margin: 0 auto; border-bottom: 1px solid #ffecec;}
  .section,
  .aside,
  .section-wide {clear: both; width: 94%; margin: 3%;}
  .footer {clear: both; overflow: hidden; margin: 0 auto; width: 100%; border-top: 10px solid #ffecec;}

  /* .header */
  .header-icons {clear: both; width: 100%; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #efefef;}
  ul.header-icons-list {float: right; list-style: none;}
  ul.header-icons-list li {float: left;}
  ul.header-icons-list li a {padding: 0;}
  ul.header-icons-list li .nav-twitter,
  ul.header-icons-list li .nav-facebook,
  ul.header-icons-list li .nav-pinterest,
  ul.header-icons-list li .nav-instagram,
  ul.header-icons-list li .nav-google,
  ul.header-icons-list li .nav-flickr,
  ul.header-icons-list li .nav-linkedin,
  ul.header-icons-list li .nav-youtube,
  ul.header-icons-list li .nav-vimeo,
  ul.header-icons-list li .nav-bloglovin,
  ul.header-icons-list li .nav-tumblr,
  ul.header-icons-list li .nav-rss,
  ul.header-icons-list li .nav-email {display: block; width: 24px; height: 24px; margin: 5px; text-indent: -9999em;}
  ul.header-icons-list li .nav-twitter {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: 0 0;}
  ul.header-icons-list li .nav-facebook {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -34px 0;}
  ul.header-icons-list li .nav-pinterest {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -68px 0;}
  ul.header-icons-list li .nav-instagram {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -102px 0;}
  ul.header-icons-list li .nav-google {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -137px 0;}
  ul.header-icons-list li .nav-flickr {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -179px 0;}
  ul.header-icons-list li .nav-linkedin {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -221px 0;}
  ul.header-icons-list li .nav-youtube {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -262px 0;}
  ul.header-icons-list li .nav-vimeo {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -304px 0;}
  ul.header-icons-list li .nav-bloglovin {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -344px 0;}
  ul.header-icons-list li .nav-tumblr {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -466px 0;}
  ul.header-icons-list li .nav-rss {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -386px 0;}
  ul.header-icons-list li .nav-email {background-color: #fce2e5; background-image: url('images/nav_icons.png'); background-repeat: no-repeat; background-position: -427px 0;}

  /* .header */
  .header h1,
  .header h5 {font: 400 2.6em 'Playfair Display', Georgia, Times, Serif; text-transform: uppercase; text-align: center; margin: 40px 0 0 0;}
  .header-title {display: block; margin: 0 auto;}
  .header-title:hover {text-decoration: none;}
  .header-desc {font-size: 0.9em; text-align: center; text-transform: uppercase; letter-spacing: .1em; color: #ccc; margin-bottom: 40px;}

  /* .nav */
  .tinynav {display: block; width: 96%; margin: 0 auto;}
  .nav {padding: 2%; text-transform: uppercase; background: #ffecec; margin-bottom: 5px; position: relative; display: inline-block; text-align: center; width: 96%; clear: both; line-height: 1em; font-weight: 400;}
  .nav ul {list-style: none; display: none; text-align: left;}
  .nav a {display: block; padding: 15px 10px; color: #343434;}
  .nav a:hover {color: #222;}

  /* .flexslider */
  .flexslider {width: 94%; margin: 3% auto; padding: 0; clear: both;}
  .flexslider .flexslides > li {list-style: none; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .flexslides img {display: block; width: 100%; height: auto;}
  .flex-pauseplay span {text-transform: capitalize;}

  /* Clearfix for the .slides element */
  .flexslides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  html[xmlns] .flexslides {display: block;}
  * html .flexslides {height: 1%;}

  /* No JavaScript Fallback */
  /* If you are not using another script, such as Modernizr, make sure you
  * include js that eliminates this class on page load */
  .no-js .flexslides > li:first-child {display: block;}

  /* .flexslider theme */
  .flexslider {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
  .flexslider .flexslides {zoom: 1;}
  .flexslider .flexslides > li {position: relative; overflow: hidden;}
  .flexslider .flexslides li img {width: 100%; height: auto;}
  .flex-container {zoom: 1; position: relative;}

  .flex-caption {display: none; background: #000; zoom: 1;}
  .flex-caption {position: absolute; bottom: 0; background: rgba(0,0,0,.9); color: #fff; width: 97%; z-index: 8; padding: 2%; opacity: .8; text-align: left !important;}
  .flex-caption h3 {font-weight :700; text-transform: uppercase; color: #fff; margin: 0;}
  .flex-caption p {margin: 0;}
  .flex-caption a,
  .flex-caption a:hover {color: #fff;}

  .flex-direction-nav {display: block; list-style: none;}
  .flex-direction-nav li a.flex-next {position: absolute; right: 0; top: 30%; display: block; z-index: 100; width: 64px; height: 64px; background: #000 url('images/slide_nav.png') no-repeat -64px 0; opacity: .8; filter: alpha(opacity=80); text-indent: -9999px; cursor: pointer;}
  .flex-direction-nav li a.flex-prev {position: absolute; left: 0; top: 30%; display: block; z-index: 100; width: 64px; height: 64px; background: #000 url('images/slide_nav.png') no-repeat 0 0; opacity: .8; filter: alpha(opacity=80); text-indent: -9999px; cur