@font-face {
    font-family: 'WigrumMed';
    font-weight: 700;
    src: url('fonts/WigrumBold.eot');
    src: url('fonts/WigrumBold.eot') format('embedded-opentype'),
         url('fonts/WigrumBold.woff2') format('woff2'),
         url('fonts/WigrumBold.woff') format('woff'),
         url('fonts/WigrumBold.ttf') format('truetype'),
         url('fonts/WigrumBold.svg#WigrumBold') format('svg');
}

@font-face {
    font-family: 'WigrumMed';
    font-weight: 300;
    src: url('fonts/WigrumRegular.eot');
    src: url('fonts/WigrumRegular.eot') format('embedded-opentype'),
         url('fonts/WigrumRegular.woff2') format('woff2'),
         url('fonts/WigrumRegular.woff') format('woff'),
         url('fonts/WigrumRegular.ttf') format('truetype'),
         url('fonts/WigrumRegular.svg#WigrumRegular') format('svg');
}


body {
  font-family: 'WigrumMed';
  font-weight: 300;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
.navbar {
  height: 150px !important;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .navbar-brand {
    padding-left: 0px;
  }
}
.navbar-brand h1 {
  font-size: 1.3em;
  color: #000000;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.navbar-toggle {
  margin-top: 27px;
}
@media (max-width: 767px) {
  .navbar-collapse {
    background-color: #ffffff !important;
    position: absolute;
    z-index: 1000;
    width: 100%;
    overflow: visible !important;
    margin-bottom: 50px;
  }
  .navbar-collapse a {
    color: #000000;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 2vh;
  }
  .nav .navbar-nav .navbar-right {
    width: 50%!important;
  }
}
.navbar-right {
  margin-top: 30px;
}
.navbar-nav a {
  color: #000000;
  font-size: 1.3em;
  font-weight: 700;
  padding-left: 30px !important;
}
.navbar-nav li > a:hover, a:active, a:focus {
  background: none !important;
}
.icon-bar {
  background-color: #000000;
}
.navbar-brand h2 {
  font-size: 0.8em;
  color: #000000;
  font-weight: 300;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .portfolio_title {
    padding: 0px;
  }
}
.portfolio_title h1 {
  font-family: 'WigrumMed';
  font-weight: 700;
  font-size: 1.5em;
}
.portfolio_item {
  padding: 0px;
  margin-bottom: 3vh;
}
.portfolio_item_caption {
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  width: calc(100%);
  height: 100%;
  padding: 10px 30px 10px 30px;
  opacity: 0;
}
@media (pointer:coarse) {
  .portfolio_item_caption {
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    width: calc(100%);
    height: 100%;
    padding: 10px 30px 10px 30px;
    opacity: 100;
  }
}
.portfolio_item_caption h2 {
  color: #ffffff;
  font-weight: 300;
}
.portfolio_item_caption h3 {
  color: #ffffff;
  font-weight: 300;
}
.portfolio_item img {
  width: 100%;
  height: auto;
  display: block;
}
.portfolio_item_caption:hover {
  opacity: 100;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.footer {
  margin-top: 5vh;
  font-weight: 300;
  margin-bottom: 2vh;
}
.footer-left {
  text-align: left;
  padding: 0px;
  color: #666666;
}
.footer-right {
  text-align: right;
  padding: 0px;
  color: #666666;
}
.footer-right a {
  color: #666666;
  text-decoration: none;
}
@media (max-width: 991px) {
  .footer-left {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 2vh;
  }
  .footer-right {
    text-align: center;
    margin-bottom: 2vh;
    font-size: 1.3em;
  }
}
.hashtags {
  font-weight: 700;
  font-size: 1.3em;
  text-align: center;
  line-height: 2em;
  margin-bottom: 3vh;
}
.hashtags span {
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
.aszakrol h1{
  font-size: 1.5em;
  color: #000000;
  font-weight: 700;
}
.szakrol {
  margin-bottom: 3vh;
}
.szakrol p {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

    line-height: 30px;
    font-size: 1.15em;
    text-align: justify;
}
@media (max-width: 768px) {
  .szakrol {
    padding-left: 30px;
    padding-right: 30px;
  }
  .szakrol p {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;

    line-height: 30px;
    font-size: 1.15em;
    text-align: justify;
  }
}
.oktato {
  margin-bottom: 5vh;
}
.oktato img {
  width: 100%;
  height: auto;
  margin-bottom: 2vh;
}
.oktato-leiras h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.oktato-titulus {
  font-weight: 300;
  font-size: 1.05em;
}
.oktato-hashtag {
  font-weight: 700;
  font-size: 1.05em;
}
.oktato-hashtag span {
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
}
.oktato-jellemzes {
  line-height: 30px;
  font-size: 1.15em;
  text-align: justify;
}
@media (max-width: 768px) {
 .oktato {
   margin-left: 15px;
   margin-right: 15px;
 }
 .oktatok_title {
   margin-left: 30px;
 }
 .tanterv {
   margin-left: 15px;
   margin-right: 15px;
 }
}
@media (max-width: 991px) {
  .tantervihalo {
    display: none;
  }
}
.tanterv_content {
  margin-top: 4vh;
}
.tanterv h1 {
  font-size: 1.5em;
  color: #000000;
  font-weight: 700;
  margin-bottom: 0.5vh;
  margin-top: 1vh;
}
.tanterv h2 {
  font-size: 1em;
  color: #000000;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px;
}
.panel-default, .panel, .panel-heading, .panel-title, .panel-collapse  {
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none !important;
}
.panel-body {
  margin-top: 1vh;
  margin-bottom: 3vh;
  line-height: 30px;
  font-size: 1.15em;
  text-align: justify;
}
.panel-title a {
  text-decoration: none;
}
.fordulo {
  margin-bottom: 3vh;
  margin-left: 15px;
  margin-right: 15px;
}
.fordulo h2 {
  font-size: 1.3em;
  color: #000000;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
}
.fordulo ol {
  line-height: 30px;
  font-size: 1.15vh;
}
.pelda {
  margin-left: 30px;
  margin-rigt: 30px;
  padding: 15px;
  background: #f0f0f0;
  margin-bottom: 2vh;
}
.pelda h3 {
  font-size: 1.5vh;
  margin-top: 0px;
  color: #999999;
}
.pelda p {
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    color: #999999;
}
.pelda-kepek img {
  width: 100%;
  height: auto;
  margin-bottom: 1vh;
}
.container-home {
  height: calc(100% - 170px);
  background: grey;
  position: absolute;
  width: 100%;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}
.home-left {
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/showreel.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 50%;
  float: left;
}
.home-right {
  background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(images/tendenciak.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 50%;
  float: left;
}
.container-home h1 {
  font-weight: 700;
  font-size: 5em;
  margin-top: 30%;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .container-home h1 {
    font-weight: 700;
    font-size: 3em;
    margin-top: 40%;
    color: #ffffff;
  }
}
@media (max-width: 768px) {
  .home-left {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/showreel.jpg);
    background-size: cover;
    background-position: center;
    height: 50%;
    width: 100%;
  }
  .home-right {
    background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(images/tendenciak.jpg);
    background-size: cover;
    background-position: center;
    height: 50%;
    width: 100%;
  }
  .container-home h1 {
    font-weight: 700;
    font-size: 3em;
    margin-top: 15%;
    color: #ffffff;
  }
}