@charset "UTF-8";
body {
  font-family: 'Open Sans', sans-serif;
  color: #343434; }

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
  color: var(--primary-color);
  font-weight: 600;
  letter-spacing: .1rem;
  text-transform: uppercase; }

@media only screen and (max-width: 600px) {
  h2 {
    font-size: 2.8rem; } }

p {
  color: #272B2E; }

@media (max-width: 900px) {
  .row .column.column-10,
  .row .column.column-20,
  .row .column.column-25,
  .row .column.column-33,
  .row .column.column-40,
  .row .column.column-50,
  .row .column.column-60,
  .row .column.column-67,
  .row .column.column-75,
  .row .column.column-80,
  .row .column.column-90 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%; } }

/*************** Basics ********************/
.text-uppercase, .uppercase {
  text-transform: uppercase; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

/*************** Flex classes *******************/
.container .flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.container .flex-column .btn {
  margin: 0px auto; }

/*************** Fonts *******************/
.fa.fa-size-large {
  font-size: 6rem; }

.fa.fa-size-medium {
  font-size: 3rem; }

.fa.fa-size-small {
  font-size: 1.5rem; }

/*************** Buttons *******************/
.btn, .button {
  transition: all .35s;
  border-radius: 4px;
  border: 1px solid var(--primary-color);
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  height: 4.8rem;
  letter-spacing: .1rem;
  line-height: 4.8rem;
  padding: 0 3.0rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: white;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  font-family: 'Fira Sans', sans-serif; }

.btn.btn-large, .btn.button-large, .button.btn-large, .button.button-large {
  font-size: 2.4rem;
  font-weight: 400;
  padding: 0 4.8rem; }

.btn:hover, .button:hover, .btn:focus, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: white;
  color: var(--primary-color);
  border-color: var(--primary-color); }

input::-webkit-input-placeholder {
  -webkit-transition: .5s; }

input:-moz-input-placeholder {
  -moz-transition: .5s; }

input::-moz-input-placeholder {
  -moz-transition: .5s; }

input:-ms-input-placeholder {
  -ms-transition: .5s; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder {
  color: transparent; }

/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent; }

/* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent; }

/* IE 10+ */
.mc-field-group input {
  background-color: #fff;
  border-radius: 0px;
  padding: 2.4rem;
  font-size: 1.8rem; }

input[type="submit"] {
  font-size: 1.8rem;
  font-weight: 100;
  height: 5rem;
  margin-bottom: 0px; }

/*************** Layout *******************/
.main {
  overflow-x: hidden; }

/*************** Header *******************/
.intro {
  display: -ms-flexbox;
  display: flex;
  padding: 2rem; }

.intro-logo {
  margin-right: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.intro-logo img {
  border-radius: 100%;
  width: 110px; }

.intro-info h2 {
  font-size: 2.8rem;
  line-height: 1.25;
  margin-bottom: .5rem; }

.intro-info span {
  font-size: 1.33rem; }

.intro-info .fa {
  font-size: 2rem; }

/*************** Experience *******************/
.experience-header {
  padding: 2rem 0; }

.experience-block {
  padding: 2rem 0;
  border: 1px solid #ececec;
  margin-bottom: 2rem; }
  .experience-block .row {
    padding: 2rem; }
    .experience-block .row.no-line:first-child {
      position: relative; }
      .experience-block .row.no-line:first-child:after {
        content: "";
        background: var(--primary-color);
        height: 0px; }
    .experience-block .row:first-child {
      position: relative; }
      .experience-block .row:first-child:after {
        content: "";
        background: var(--primary-color);
        height: 1px;
        width: 90%;
        left: 5%;
        position: absolute;
        bottom: 0px; }

.experience-company {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%; }
  .experience-company img {
    width: 120px; }

.experience-position, .experience-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: end;
      justify-content: flex-end; }

/*************** Skills *******************/
.skills-block .skills-block-header {
  font-weight: 600;
  position: relative; }
  .skills-block .skills-block-header:after {
    content: "";
    background-color: #ececec;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    transition: all .5s;
    padding: 0px;
    z-index: -12; }

.skills-block li {
  margin: 1rem 0; }

@media only screen and (max-width: 600px) {
  .header .logo img {
    width: 50%; } }

.wrapper {
  /*margin:3em 5%;*/
  display: block; }

.wrapper .container {
  margin-bottom: 5rem; }

.content {
  max-width: 800px;
  margin: 0px auto; }

ul {
  list-style-position: outside;
  list-style-type: none;
  padding-left: 40px;
  position: relative; }

li::before {
  content: "• ";
  color: var(--primary-color);
  left: 2.2rem;
  position: absolute; }

.credit {
  font-size: 1.2rem; }

.download-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

@media only screen and (max-width: 600px) {
  .download-row .column {
    margin-bottom: 2rem;
    text-align: center; } }

.footer-form {
  background: url(images/render-02.jpg);
  /* footer-of-bay.jpg */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: -ms-flexbox;
  display: flex;
  padding: 10rem 0rem; }

@media only screen and (max-width: 600px) {
  .footer-form {
    padding: 5rem 0rem; } }

.sub-footer {
  background: var(--primary-color);
  padding: 2rem 0px; }

.sub-footer .flex-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center; }

.sub-footer img {
  width: 150px; }

.sub-footer .social-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

@media only screen and (max-width: 600px) {
  .sub-footer .column {
    text-align: center;
    margin-bottom: 2rem; } }

.social-icons img {
  width: 42px; }

.powered-by {
  max-width: 100%;
  width: 120px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 35px;*/
  height: 0;
  overflow: hidden; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
/*# sourceMappingURL=style.css.map */