/* line 58, ../sass/main.scss */
* {
  outline: 0 none !important;
}

/* line 61, ../sass/main.scss */
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none;
}

/* line 65, ../sass/main.scss */
html, body {
  width: 100%;
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: utopia-std, serif, sans-serif;
  display: block;
}

/* line 73, ../sass/main.scss */
body {
  height: 100%;
  overflow-x: hidden;
  font-family: utopia-std, serif;
  font-weight: 400;
  color: #333333;
  background: #fff url(../img/texture-2-50.jpg) no-repeat center center;
  background-size: cover;
}

/* line 82, ../sass/main.scss */
ul, li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: block;
}

/* line 83, ../sass/main.scss */
p {
  margin: 0;
  padding: 0;
}

/* line 84, ../sass/main.scss */
form {
  margin: 0;
  padding: 0;
}

/* line 85, ../sass/main.scss */
div, input, input:focus, textarea, textarea:focus, select, select:focus {
  outline: 0 none;
}

/* line 86, ../sass/main.scss */
a {
  text-decoration: none;
  cursor: pointer;
  color: #F08;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

/* line 91, ../sass/main.scss */
a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #000;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

/* line 98, ../sass/main.scss */
.wide:after {
  content: "";
  display: block;
  padding-top: 66%;
}

/* line 105, ../sass/main.scss */
.img-full {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 110, ../sass/main.scss */
.img-cover {
  background-size: cover;
}

/* line 113, ../sass/main.scss */
.img-contain {
  background-size: contain;
}

/* line 116, ../sass/main.scss */
.img-norepeat {
  background-repeat: no-repeat;
}

/* line 119, ../sass/main.scss */
.img-center {
  background-position: center;
}

/* line 122, ../sass/main.scss */
.img-shadow {
  box-shadow: 10px 10px 0px #fff;
}

/* line 126, ../sass/main.scss */
.img-wide:after {
  content: "";
  display: block;
  padding-top: 77%;
}

/* line 132, ../sass/main.scss */
.img-gray {
  filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  -webkit-transition: filter 0.25s ease-out;
  -moz-transition: filter 0.25s ease-out;
  -o-transition: filter 0.25s ease-out;
  transition: filter 0.25s ease-out;
}

/* line 143, ../sass/main.scss */
a:hover .img-gray {
  filter: none;
  -webkit-filter: grayscale(0);
}

/* line 149, ../sass/main.scss */
.txt-shadow {
  text-shadow: 2px 2px 0px #fff;
}

/* line 153, ../sass/main.scss */
h1, h2, h3, h4, h5 {
  padding: 0px;
  margin: 0px;
  font-weight: 600;
}

/* line 158, ../sass/main.scss */
h1 {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  /* line 158, ../sass/main.scss */
  h1 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
/* line 167, ../sass/main.scss */
h1.txt-shadow {
  text-shadow: 4px 4px 0px #fff;
}

/* line 171, ../sass/main.scss */
h2 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  /* @include tablet {
    font-size: 1rem;
    line-height: 1rem;
  } */
}

/* line 179, ../sass/main.scss */
h3 {
  font-size: 1rem;
  line-height: 1rem;
  /* @include tablet {
    font-size: .8rem;
    line-height: 1rem;
  } */
}

/* line 187, ../sass/main.scss */
h4 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #000;
}

/* line 198, ../sass/main.scss */
main .ico {
  font-size: 2rem;
  line-height: 2rem;
}

/* line 205, ../sass/main.scss */
section.portfolio a {
  color: #333333;
}
/* line 207, ../sass/main.scss */
section.portfolio a:hover {
  color: #000;
}

/* line 217, ../sass/main.scss */
.portfolio-item {
  width: 90%;
  max-width: 960px;
}
/* line 220, ../sass/main.scss */
.portfolio-item .img {
  background-size: cover;
  background-position: center;
  padding-top: 33% !important;
}
/* line 225, ../sass/main.scss */
.portfolio-item iframe {
  width: 100%;
  height: 520px;
}
@media screen and (max-width: 767px) {
  /* line 225, ../sass/main.scss */
  .portfolio-item iframe {
    height: 420px;
  }
}
@media screen and (max-width: 575px) {
  /* line 225, ../sass/main.scss */
  .portfolio-item iframe {
    height: 320px;
  }
}
/* line 235, ../sass/main.scss */
.portfolio-item ul {
  padding-left: 1rem;
}
/* line 237, ../sass/main.scss */
.portfolio-item ul li {
  list-style: disc;
  display: list-item;
}

/* line 244, ../sass/main.scss */
.btn-primary,
.btn-primary:active,
.btn-primary:visited {
  background-color: #F08;
  border-color: #F08;
  color: #fff;
}

/* line 252, ../sass/main.scss */
.btn-primary:hover,
.btn-primary:focus {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}