.header .desktop-menu:before, .header .desktop-menu ul li a:before, .clearfix:before, .row:before, .container:before {
  content: " ";
  display: table; }
.header .desktop-menu:after, .header .desktop-menu ul li a:after, .clearfix:after, .row:after, .container:after {
  content: " ";
  display: table;
  clear: both; }

/*html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}*/
html {
  scroll-behavior: smooth; }

body {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #100;
  text-align: center; }

a, a:hover, a:focus {
  text-decoration: none; }

.header {
  position: fixed;
  top: 0;
  background-color: #f1d204;
  width: 100%;
  height: 55px;
  padding: 10px 0;
  z-index: 999; }
  .header .desktop-menu {
    float: right;
    margin-top: 8px; }
    .header .desktop-menu ul {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent;
      line-height: 1;
      list-style: none; }
    .header .desktop-menu ul li {
      display: inline-block; }
      .header .desktop-menu ul li a {
        padding: 10px;
        text-decoration: none;
        color: #100;
        display: block;
        line-height: 1.4;
        font-size: 1.1em; }
        .header .desktop-menu ul li a:hover, .header .desktop-menu ul li a:focus {
          text-decoration: underline; }

.row {
  background-attachment: fixed;
  margin: 0;
  width: 100%; }
  .row.primary {
    padding: 67px 0 75px 0; }
  .row h2 {
    font-weight: 900;
    font-size: 1.8em; }
  .row h2, .row h3, .row h4 {
    text-transform: uppercase; }
  .row p {
    color: #888; }
  .row.row-3-col {
    margin-top: 30px; }
    .row.row-3-col .col {
      width: -moz-calc( (100% / 3) - 30px ) ;
      width: -webkit-calc( (100% / 3) - 30px ) ;
      width: -o-calc( (100% / 3) - 30px ) ;
      width: calc( (100% / 3) - 30px ) ;
      padding: 0 15px;
      float: left; }
    .row.row-3-col .img-logo {
      position: relative;
      background: #fff;
      text-align: center;
      width: 100px;
      height: 100px;
      border: 1px solid #ddd;
      border-radius: 50%;
      background-size: cover;
      display: block;
      margin: auto; }

.container {
  width: 100%;
  max-width: 1180px;
  margin: auto; }

.logo {
  width: 62px;
  float: left; }
  .logo img {
    max-height: 56px; }

.main-banner {
  background-image: url(../imgs/default.jpg);
  background-attachment: fixed;
  text-transform: uppercase;
  padding: 67px 0 75px 0;
  margin-top: 75px; }
  .main-banner .col {
    width: 48%;
    float: left; }
    .main-banner .col img {
      margin: 0 auto;
      display: block; }
    .main-banner .col:nth-child(2) {
      margin-left: 4%; }
  .main-banner h1 {
    font-size: 2.6em; }
  .main-banner hr {
    border: 0;
    height: 1px;
    background: #333;
    width: 100px;
    margin-bottom: 1.86em; }
  .main-banner a {
    width: auto;
    height: 63px;
    line-height: 63px;
    background: #f1d204;
    padding: 0 70px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .main-banner a:focus, .main-banner a:hover {
      opacity: .8; }

.vinho-bg {
  background-color: #000; }

.testemunho {
  background-color: #111;
  padding: 25px;
  position: relative;
  margin-bottom: 40px;
  border-radius: 3px; }
  .testemunho:after {
    content: "";
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 19px 18px 0 18px;
    border-color: #111 transparent transparent transparent;
    position: absolute;
    right: 0;
    bottom: -19px;
    left: 0; }

.dark-background {
  color: white; }
  .dark-background a {
    color: white; }
    .dark-background a:hover, .dark-background a a:focus {
      text-decoration: underline; }

.contact input {
  display: block;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857;
  background-color: white;
  background-image: none;
  box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px inset;
  padding: 6px 12px;
  text-align: left;
  text-transform: none;
  background: rgba(255, 255, 255, 0.95294);
  border: none;
  border-radius: 3px;
  width: -moz-calc( (100% / 3) - 34px ) ;
  width: -webkit-calc( (100% / 3) - 34px ) ;
  width: -o-calc( (100% / 3) - 34px ) ;
  width: calc( (100% / 3) - 34px ) ;
  float: left;
  margin-bottom: 15px; }
  .contact input:not(:first-child) {
    margin-left: 15px; }
  .contact input[type=submit] {
    background: #f1d204;
    color: white;
    padding: 16px 12px;
    width: auto;
    height: auto;
    display: inline;
    line-height: 1;
    margin: 15px auto 0 auto; }
.contact textarea {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857;
  background-color: white;
  background-image: none;
  box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px inset;
  padding: 6px 12px;
  text-align: left;
  text-transform: none;
  background: rgba(255, 255, 255, 0.95294);
  max-width: 100%;
  border: none;
  width: -moz-calc( 100% - 25px ) ;
  width: -webkit-calc( 100% - 25px ) ;
  width: -o-calc( 100% - 25px ) ;
  width: calc( 100% - 25px ) ;
  border-radius: 3px; }

@media (max-width: 767px) {
  .container {
    width: 96%;
    margin: 0 2%; }

  .logo {
    width: auto; }
    .logo img {
      max-height: 38px; }

  .header {
    height: 38px; }
    .header .desktop-menu {
      margin-top: 0; }

  .main-banner {
    margin-top: 58px;
    padding-top: 15px; }
    .main-banner .col {
      width: 100%; }
      .main-banner .col:nth-child(2) {
        display: none; }
      .main-banner .col a {
        padding: 0;
        width: 100%; }

  .row.row-3-col .col {
    width: -moz-calc( 100% - 30px ) ;
    width: -webkit-calc( 100% - 30px ) ;
    width: -o-calc( 100% - 30px ) ;
    width: calc( 100% - 30px ) ;
    margin-top: 15px; }

  .contact input {
    width: -moz-calc( 100% - 24px ) ;
    width: -webkit-calc( 100% - 24px ) ;
    width: -o-calc( 100% - 24px ) ;
    width: calc( 100% - 24px ) ; }
    .contact input:not(:first-child) {
      margin-left: 0; } }

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