/*============================================
    TYPOGRAPHY
  ============================================*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i&display=swap&subset=latin-ext');
@font-face {
    font-family: Scriptina;
    src: url("../font/scriptin_1-webfont.woff") format("woff"),
         url("../font/scriptin_1-webfont.woff2") format("woff2"),
         url("../font/SCRIPTIN.ttf") format("truetype");
}
@font-face {
    font-family: Didot;
    src: url("../font/Didot-HTF-B96-Bold.ttf") format("truetype");
}
body {
    font-family: 'Raleway', sans-serif;
    background: #b5d8d9;
    /*background-image: linear-gradient(to right, #bfd8d9, #bad8d9, , #afd8d9, #aad8d9);*/
}
q {
    font-family: 'Didot', sans-serif;
    font-size: 300%;
}
.scriptina-font {
    font-family: 'Scriptina';
    font-size: 150%;
}
a {
    color: #00676A;
}
a:hover {
    color: #bfd8d9;
}

@media (max-width: 768px) {
    body {
        padding: 0.5rem!important;
        font-size: 80%!important;
    }
    p.lead {
        font-size: 1rem!important;
    }
    h1, h2 {
        font-size: 1.5rem!important;
    }
    h3 {
        font-size: 1.2rem!important;
    }
    #map iframe {
        max-width: 300px;
    }
}
@media (min-width: 768.1px) {
    body {
        padding: 3rem!important;
    }
}
.nav-link {
    font-size: 0.7rem;
}
/*============================================
    BASICS
  ============================================*/
.bg-light {
    background-color: white!important;
}
#dyson {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/*============================================
    NAV
  ============================================*/
#navbarContent {
    border-top: 1px solid;
    border-bottom: 1px solid;
    text-transform: uppercase;
    font-size: 85%;
}
#nav_logo {
    max-width: 250px;
}
/*============================================
    MAIN
  ============================================*/
#quote, #introduction, #gallery_container {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
#source, #urban_vultures, #color, #nespresso, #hercegnok, #prices_videos, #Emi_style, #dorka {
    border-top: 1px solid;
}
.quote {
    font-size: 150%!important;
    font-family: 'Raleway', sans-serif
}
#services img,
#gallery_navigation img,
#style_navigation img,
#shooting_nav img {
    filter: brightness(0.5);
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.services-title {
    font-family: 'Didot', sans-serif;
    color: white;
    text-transform: uppercase;
    text-align: center;
}
#images img {
    display: block;
    line-height: 0;
}
#images .col {
    padding-left: 0!important;
    padding-right: 0!important;
}
#recommendation img {
    max-width: 250px!important;
}
/*============================================
    FOOTER
  ============================================*/
footer {
    font-size: 80%;
}
img.logo {
    max-width: 200px;
}

/*============================================
    ACADEMY SUBPAGE
  ============================================*/
#academy_title {
    border-bottom: 1px solid;
}
table.prices {
    width: 50%;
    margin: auto;
}
#academy_pixie, #academy_step2, #ombre, #shooting_videos, #kulcsar_berkes, #nyari_lanyok, #diana {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
#clients, #style_navigation {
    border-top: 1px solid;
}
#color {
    border-bottom: 1px solid;
}
@media (min-width: 1024.1px) {
    .academy-padding {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }
}

.img-wrapper{
    overflow: hidden;
}

.img-wrapper img {
    transition: transform .5s ease;
}

/*============================================
    shooting SUBPAGE
  ============================================*/
@media (max-width: 1024px) {
    #shooting_nav img {
        max-width: 100%!important;
    }
}
@media (min-width: 1024.1px) {
    #shooting_nav img {
        max-width: 400px !important;
    }
}