@font-face {
  font-family: 'Merriweather-Black';
  src: url("../fonts/Merriweather-Black.eot");
  src: url("../fonts/Merriweather-Black.woff") format('woff'), url("../fonts/Merriweather-Black.ttf") format('truetype'), url("../fonts/Merriweather-Black.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Merriweather-BlackItalic';
  src: url("../fonts/Merriweather-BlackItalic.eot");
  src: url("../fonts/Merriweather-BlackItalic.woff") format('woff'), url("../fonts/Merriweather-BlackItalic.ttf") format('truetype'), url("../fonts/Merriweather-BlackItalic.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Merriweather-Bold';
  src: url("../fonts/Merriweather-Bold.eot");
  src: url("../fonts/Merriweather-Bold.woff") format('woff'), url("../fonts/Merriweather-Bold.ttf") format('truetype'), url("../fonts/Merriweather-Bold.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Merriweather-BoldItalic';
  src: url("../fonts/Merriweather-BoldItalic.eot");
  src: url("../fonts/Merriweather-BoldItalic.woff") format('woff'), url("../fonts/Merriweather-BoldItalic.ttf") format('truetype'), url("../fonts/Merriweather-BoldItalic.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Merriweather-Italic';
  src: url("../fonts/Merriweather-Italic.eot");
  src: url("../fonts/Merriweather-Italic.woff") format('woff'), url("../fonts/Merriweather-Italic.ttf") format('truetype'), url("../fonts/Merriweather-Italic.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Merriweather-Light';
  src: url("../fonts/Merriweather-Light.eot");
  src: url("../fonts/Merriweather-Light.woff") format('woff'), url("../fonts/Merriweather-Light.ttf") format('truetype'), url("../fonts/Merriweather-Light.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Merriweather-LightItalic';
  src: url("../fonts/Merriweather-LightItalic.eot");
  src: url("../fonts/Merriweather-LightItalic.woff") format('woff'), url("../fonts/Merriweather-LightItalic.ttf") format('truetype'), url("../fonts/Merriweather-LightItalic.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Merriweather-Regular';
  src: url("../fonts/Merriweather-Regular.eot");
  src: url("../fonts/Merriweather-Regular.woff") format('woff'), url("../fonts/Merriweather-Regular.ttf") format('truetype'), url("../fonts/Merriweather-Regular.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url("../fonts/OpenSans-Bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url("../fonts/OpenSans-BoldItalic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url("../fonts/OpenSans-ExtraBold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url("../fonts/OpenSans-ExtraBoldItalic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url("../fonts/OpenSans-Italic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url("../fonts/OpenSans-Light.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url("../fonts/OpenSans-LightItalic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/OpenSans-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url("../fonts/OpenSans-Semibold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url("../fonts/OpenSans-SemiboldItalic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.g1-btn {
  display: inline-grid;
  border: 2px solid #009688;
  padding: 14px 78px;
  transition: all 0.5s;
  cursor: pointer;
}
.g1-btn.background {
  background-color: #009688;
}
.g1-btn.background span {
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .g1-btn.background:hover {
    background-color: #fff;
  }
  .g1-btn.background:hover span {
    color: #009688;
  }
}
.g1-btn span {
  color: #009688;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'OpenSans-Bold';
  transition: all 0.5s;
}
@media screen and (min-width: 1025px) {
  .g1-btn:hover {
    background-color: #009688;
  }
  .g1-btn:hover span {
    color: #fff;
  }
}
@media screen and (max-width: 1024px) {
  .g1-btn {
    background-color: #009688;
    padding: 12px 50px;
  }
  .g1-btn span {
    color: #fff;
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .g1-btn {
    background-color: #009688;
/* padding 10px 35px */
  }
  .g1-btn span {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .g1-btn span {
    font-size: 12px;
  }
}