*:focus {
    outline: none !important;
    box-shadow: none !important;
}

* { 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	line-height: 1.5em;
	color: #000;
    font-weight: 500;
}
img {
	max-width: 100%;
	height: auto;
}
.wrap {
	max-width: 1600px;
	margin: 0 auto;
}
.iwrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.iwrapper iframe {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
a {
	color: #000;
}
a:hover {
	color: #f04e23 !important;
}
ul {
    line-height: 2;
}
.page-id-3 ul {
    line-height: 1.4em;
}
.page-full main {
    padding-top: 60px;
}
.highlight {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    color: #f04e23;
    padding: 15px 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.4;
    display: inline-block;
}

/*** == FONTS == ***/
h1, h2, h3, h4 {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
h1 {
    font-size: 4rem;
}
h2 {
    font-size: 3.2rem;
}
h3 {
    font-size: 1.5rem;
    color: #30bcb1;
}
strong, b {
    font-weight: 700;
}
.fw400 {
    font-weight: 400;
}
.page-template-page-nosidebar h1 {
	font-size: 2.7rem;
}
/*** == COLORS == ***/
.white {
    color: #fff !important;
}
.turqoise {
    color: #30bcb1;
}
.purple {
    color: #644a9e !important;
}
.orange {
    color: #f04e23;
}
.bg-yellow {
    /*background-color: #fcba2e;*/
    background-color: #fdba2d;
}
.bg-red {
    background-color: #f04e23;
}
.bg-lbue {
    background-color: #94cbee;
}
.bg-green {
    background-color: #b1daae;
}
.bg-tri-yellow {
    background: url('images/tri-yellow.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-tri-lblue {
    background: url('images/tri-lblue.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-tri-lblue {
    height: 600px;
    padding-top: 70px;
}
.bg-tri-lblue .icon {
    width: 45px;
    height: auto;
}
.bg-tri-lblue .icon + .icon {
    margin-left: 15px;
}
.bg-tri-red {
    background-image: url('images/tri-red.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.bg-tri-turqoise {
    background: url('images/tri-turqoise.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-tri-turqoise-top {
    background: url('images/tri-turqoise-top.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-tri-green {
    background: url('images/tri-green-bottom.svg');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}
.bg-tri-green-top {
    background: url('images/tri-green-top.svg');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}
.bg-tri-purple {
    background: url('images/tri-purple-top.svg');
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}
.bg-tri-purple-right {
    background: url('images/tri-purple-right.svg');
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}

/*** == ELEMENTS == ***/
.border-right {
    border-right: 1px solid #000;
}
.border-right-white {
    border-right: 2px solid #fff;
}
.border-bottom-white {
    border-bottom: 2px solid #fff;
}
.bradius15 {
    border-radius: 15px;
}
.btn {
    background-color: #30bcb1;
    color: #fff;
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5rem;
}
.ticket {
    width: 323px;
    margin: 0 auto;
}
.btn-ticket {
    background-color: #f04e23;
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 1rem 1.2rem;
    letter-spacing: 0.08rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.btn-ticket:hover {
    background-color: #fcba2e;
    color: #fff;
}
.pic img {
    border-radius: 15px;
}
.box {
    border-radius: 15px;
}
.box-title {
    font-size: 1.4rem;
}
.label {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    color: #fff;
}
.back {
    max-width: 168px;
    margin: 0 auto;
}
.back button {
    cursor: pointer;
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: relative;
    font-size: 1.6rem;
    padding-left: 20px;
    padding-right: 45px;
    display: inline-block;
	border: 0;
	background-color: transparent;
}
.page-kapcsolat .back button {
	padding-right: 0;
}
.back button::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-42%);
    width: 32px;
    height: 32px;
    background-image: url('images/tri-back.svg');
    background-repeat: no-repeat;
}
hr {
    height: 1px;
    border: none;
    background-color: #000;
    margin: 70px auto;
}
.read-more a, .more a {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    padding-left: 50px;
    font-weight: 700;
}
.more a {
    padding-left: 0;
    padding-right: 45px;
}
.read-more a::before {
    content: '';
    position: absolute;
    left: 0px; 
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-image: url('images/tri-yellow-right.svg');
    background-repeat: no-repeat;
}
.more a::after{
    content: '';
    position: absolute;
    right: 0px; 
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-image: url('images/tri-yellow-right.svg');
    background-repeat: no-repeat;
}
.tag {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    color: #fff;
    display: inline-block;
    padding: .7rem 2rem;
    font-weight: 700;
    border-radius: 15px;
    font-size: 1.75rem;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}
.date {
    font-size: .9rem;
}
.wp-caption-text {
    font-size: .85rem;
    text-align: left;
    padding-top: 5px;
}
#main {
	min-height: calc(100vh - 300px);
}
/* cookie */
.termsfeed-com---palette-light .cc-nb-okagree,
.termsfeed-com---palette-light .cc-nb-reject,
.termsfeed-com---palette-light .cc-cp-foot-save {
    background-color: #fdba2d;
}
/* table */
table {
    margin-bottom: 25px;
}
table td {
    border: 1px solid #000;
    padding: 5px;
}

/*** == HEADER == ***/
header {
    padding-top: 50px;
}
nav {
    position: relative;
}
.navbar-brand {
    position: absolute;
    top: -40px;
}
.navbar-brand img {
    height: 160px;
}
.navbar-nav li + li {
    margin-left: 20px;
}
.nav-link {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    color: #686868;
    text-transform: uppercase;
    font-weight: 700;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
    color: #f04e23;
}
.navbar-toggler {
    border: none;
    position: absolute;
    right: 25px;
    top: -42px;
}
.navbar-toggler-icon {
    background-image: url('images/icon-menu.svg');
    width: 45px;
    height: 45px;
}

/*** == MAIN CONTENT == ***/

/** HOME **/
.home #intro {
    background-image: url('images/hero-slider-eletem-kozepe.jpg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 900px;
}
#intro .row {
    height: 100vh;
}
.home #intro .text {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5;
}
#intro-text .bg-tri-red {
    height: 740px;
    background-position: -80px center;
    margin-top: -200px;
    position: relative;
    z-index: 9;
}
#intro-text .subtitle {
    position: relative;
    top: 200px;
}
#intro-text .bg-tri-red .label {
    font-size: 7rem;
    line-height: 1;
    font-weight: 700;
}
#intro-text .bg-tri-red .label-small {
    font-size: 3rem;
}
#prog {
    top: -300px;
}
#prog .item {
    margin-bottom: 80px;
}
#prog .item:last-of-type {
    margin-bottom: 0;
}
.item .cover {
    min-height: 800px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.item .bg-tri {
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
    position: relative;
}
.item .prog-title {
    max-width: 400px;
    position: relative;
}
.item .prog-title h2 a {
    /*font-size: 5rem;*/
    font-size: 3.8rem;
    line-height: 1em;
    font-weight: 700;
    color: #fff;
}
.item .prog-date {
    font-size: 3rem;
    line-height: 1em;
    position: relative;
    font-family: 'Saira', Helvetica, Arial, sans-serif;
}
.item .prog-date:after {
    background-image: url('images/tri-red-right.svg');
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: -5px;
    right: 135px;
    width: 55px;
    height: 55px;
    cursor: pointer;
}

#about {
    position: relative;
    z-index: 9;
    margin-top: -300px;
}
#about .pic img {
    max-width: 70%;
    height: auto;
}
#about .bg-tri-red {
    height: 800px;
    background-position-x: -120px;
}
#about .bg-tri-red .title {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 4rem;
    top: 330px;
    padding-left: 3rem;
    text-transform: lowercase;
    position: relative;
}
#about .container {
    margin-top: -350px;
}
/* programok */
.item-turqoise .bg-tri {
    background-image: url('images/tri-turqoise.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -150px center;
    min-height: 800px;
    z-index: 9;
    position: relative;
}
.bg-tri .prog-title {
    padding-left: 3rem;
}
.item-turqoise .prog-title {
    top: 334px;
}
.item-turqoise .prog-date a {
    color: #644a9e;
}
.item-yellow .bg-tri {
    background-image: url('images/tri-yellow.svg');
    background-position: -160px center;
    min-height: 665px;
    top: -65px;
}
.item-yellow .prog-title {
    top: 130px;
    /*right: 58px;*/
    position: absolute;
}
.item-lblue .bg-tri {
    background-image: url('images/tri-lblue.svg');
    background-position: -188px center;
    min-height: 717px;
}
.item-lblue .prog-title {
    top: 150px;
    color: #f04e23;
}
.item-purple {
    overflow-x: hidden;
}
.item-purple .bg-tri {
    background-image: url('images/tri-purple.svg');
    /*background-position: -150px center;*/
    background-position: right center;
    min-height: 750px;
    right: -180px;
}
.item-purple .prog-title {
    position: absolute;
    top: 130px;
    right: 235px;
}

/** KLUB **/
.page-klub main {
    padding-top: 80px;
}
.page-klub .intro-text {
    width: 80%;
}
.page-klub .intro img {
    width: 75%;
}
.box-info {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    border: 1px solid #f04e23;
    border-radius: 15px;
    color: #f04e23;
    margin-bottom: 15px;
    width: 323px;
} 
.page-klub .item {
    background-image: url('images/tri-lblue.svg');
    background-size: 26%;
    background-repeat: no-repeat;
    background-position: center 18px;
}
.page-klub .item.archiv {
    filter: grayscale(100%);    
}
.page-klub .item .box {
    background-color: #fcba2e;
    font-family: 'Saira', Helvetica, Arial, sans-serif;
}
.page-klub .item .box .prog-date {
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1.1;
}
.page-klub .item .box .prog-date:after {
    display: none;
}
.page-klub .item-egeszseg, .page-klub .item-tanulas-es-szemelyes-fejlodes {
    background-image: url('images/tri-green.svg');
}
.page-klub .item-egeszseg .box, .page-klub .item-tanulas-es-szemelyes-fejlodes .box {
    background-color: #94cbee;
}
.page-klub .item-karrier, .page-klub .item-eletstrategia-es-mozgas {
    background-image: url('images/tri-pink.svg');
}
.page-klub .item-karrier .box, .page-klub .item-eletstrategia-es-mozgas .box {
    background-color: #b1daae;
}
.page-klub .item-csalad, .page-klub .item-szex-es-kapcsolatok {
    background-image: url('images/tri-purple.svg');
}
hr:last-of-type {
    display: none;
}
/* single klub */
.single-program #info-box {
    font-family: 'Saira', Helvetica, Arial, sans-serif;
    margin-top: -270px;
}
.single-program #intro-text img {
     max-height: 400px;
}
.single-program .prog-date {
    font-size: 2.8rem;
    line-height: 1;
}
.single-program #info-box .box-title, .single-program #info-box .box-expert {
    font-size: 2rem;
    line-height: 1.2;
}
.single-program #info-box .box-expert {
    font-size: 1.6rem;
}
.single-program #info-box .border-right-white {
    border-right: 3px solid #fff;
}
.single-program #info-box .border-bottom-white {
    border-bottom: 3px solid #fff;
}
#recommend .pic {
    overflow: hidden;
}
#recommend .item .prog-date::after {
    display: none;
}
#recommend {
    margin-top: 80px;
}
#recommend .item-eletunk-kozepe .prog-date, #recommend .item-hosszu-elet-es-penzugyek .prog-date {
    background-image: url('images/tri-lblue.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 41px 0 0 45px;
    font-size: 2.2rem;
    position: absolute;
    top: 39px;
    left: -6px;
    width: 197px;
    height: 209px;
}
#recommend .item-karrier .prog-date, #recommend .item-eletstrategia-es-mozgas .prog-date {
    background-image: url('images/tri-yellow.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 29px 0 0 52px;
    font-size: 2.2rem;
    position: absolute;
    top: 7px;
    right: -25px;
    width: 197px;
    height: 209px;
}
#recommend .item-csalad .prog-date, #recommend .item-szex-es-kapcsolatok .prog-date {
    background-image: url('images/tri-turqoise.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 66px 0 0 22px;
    font-size: 2.2rem;
    position: absolute;
    top: 39px;
    left: -6px;
    width: 197px;
    height: 209px;
}
#recommend .item-egeszseg .prog-date, #recommend .item-tanulas-es-szemelyes-fejlodes .prog-date {
    background-image: url('images/tri-purple.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 42px 0 0 49px;
    font-size: 2.2rem;
    position: absolute;
    top: 39px;
    left: -6px;
    width: 197px;
    height: 209px;
    color: #fff !important;
}

/** TORT **/
.page-tort h1 {
    font-size: 5rem;
    font-weight: 700;
}
.page-tort h2 {
    font-size: 2rem;
}
.page-tort .label {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
}
.page-tort #intro {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 900px;
}
.page-tort #intro-text .bg-tri-turqoise {
  height: 740px;
  background-position: -80px center;
  margin-top: -200px;
  position: relative;
  z-index: 9;
}
.page-tort #intro-text .text {
    width: 70%;
    font-weight: 700;
}
#articles .pic img {
    border-radius: 15px;
}
.single-post h1 {
    font-size: 2rem;
}
.entry-content img {
    margin-top: 15px;
}

/** ROLUNK **/
.page-rolunk .bg-tri-lblue {
    background-position: left top;
    height: 500px;
}
.page-rolunk .item {
    margin-bottom: 80px;
}
#founders {
    margin-top: -300px;
    background-image: url('images/bg-rolunk2.svg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center bottom;
}
.page-rolunk #intro-text h1.entry-title {
    position: absolute;
    top: 50px;
    left: 70px;
    width: auto;
}

/* coaching */
.page-coach h1 {
    font-size: 5rem;
    font-weight: 700;
}
.page-coach h2 {
    font-size: 2rem;
}
.page-coach .label {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
}
.page-coach #intro {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 800px;
}
.page-coach #intro-text .bg-tri-purple-right {
  height: 850px;
  background-position: -80px center;
  background-size: contain;
  margin-top: -385px;
  position: relative;
  z-index: 9;
}
.page-coach #intro-text .text {
    padding-top: 206px;
}
.page-coach #profile {
    position: relative;
    top: -230px;
    z-index: 9;
}
.page-coach .bg-tri-turqoise-top {
    background-position: left center;
    width: 740px;
    height: 680px;
    top: -84px;
    left: -50px;
    /*top: -300px;*/
    z-index: 9;
    position: relative;
}
.page-coach .bg-tri-turqoise-top div {
    padding-top: 15%;
    /*width: 38vw;*/
    margin-left: 0;
}
.page-coach .bg-tri-turqoise-top h2 {
    font-size: 4rem;
    font-weight: 800;
}
.page-coach .bg-tri-turqoise-top h3 {
    font-size: 15rem;
    font-weight: 800;
    padding-right: 25px;
}
.page-coach .pic img {
    max-height: 500px;
}
#sep {
    background-image: url('images/eletem-kozepe-velemeny-cover.jpg');
    background-size: cover;
    background-position: center;
    min-height: 830px;;
    margin-top: -190px;
}
#review .item {
    font-size: 1.4rem;
    line-height: 1.5;
}
#eler .bg-tri-yellow {
    min-height: 480px;
}
/** KAPCSOLAT **/
.page-kapcsolat #intro {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}
.page-kapcsolat #intro-text {
    margin-top: -500px;
    height: 700px;
}
.page-kapcsolat #intro-text .bg-tri-purple {
    background-position: -120px top;
    height: 800px;
}
.page-kapcsolat #intro-text h1 {
    position: relative;
    top: 315px;
    left: 80px;
    display: inline-block;
}
.page-kapcsolat .icon img {
    width: 40px;
    height: auto;
}
.page-kapcsolat .bg-tri-green {
    height: 800px;
    position: relative;
    margin-top: -300px;
    z-index: 99;
}
.page-kapcsolat .subtitle {
    font-weight: 700;
    max-width: 330px;
    margin: 0 auto;
}

/*** == FOOTER == ***/

footer .nav-link {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    text-transform: inherit;
}
#footer .menu-item a[aria-current="page"] {
    color: #f04e23;
}
.copy {
    font-size: 0.85rem;
    font-weight: 300;
}

/*** == RESPONSIVE == ***/

@media only screen and (max-width: 1399px) {
    .navbar-brand {
        top: -20px;
    }
    .navbar-brand img {
        height: 90px;
    }
    /*.item-purple .bg-tri {
        background-position: 53vw center;
    }*/
    #founders {
        background-size: 70%;
        background-position: center;
    }
    .page-coach #intro-text .bg-tri-purple-right {
        background-size: 112%;
    }
    .page-coach .bg-tri-turqoise-top {
        height: 580px;
        top: -84px;
        left: -100px;
    }
    .page-coach .bg-tri-turqoise-top div {
        position: relative;
        left: -55px;
    }
    .page-kapcsolat #intro-text h1 {
        left: 45px;
    }
}

@media only screen and (max-width: 1199px) {
    .navbar-brand img {
        height: 72px;
    }
    .nav-link {
        font-size: 1.1rem;
    }
    .navbar-nav li + li {
        margin-left: 10px;
    }
    .item-turqoise .bg-tri {
        background-position: -193px center;
    }
    table {
        display: block;
        overflow-x: auto;
    }
    .ticket, .box-info {
        width: 300px;
    }
    .btn-ticket {
        font-size: 1.6rem;
    }
    .item .prog-title h2 a {
        font-size: 3rem;
    }
    .page-tort #intro {
        height: 500px;
    }
    .page-tort h1 {
        font-size: 4rem;
    }
    .page-tort #intro-text .bg-tri-turqoise {
        height: 628px;
        margin-top: -67px;
    }
    .page-tort #intro-text .text {
        width: 90%;
    }
    .page-rolunk .bg-tri-lblue {
        background-position: left top;
        height: 467px;
    }
    .page-kapcsolat #intro-text .bg-tri-purple {
        background-size: 584px;
    }
    .page-kapcsolat #intro-text h1 {
        font-size: 3.2rem;
        left: 25px;
        top: 254px;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-brand img {
        height: 100px;
    }
    .navbar-collapse {
        position: absolute;
        background-color: #fff;
        top: 10px;
        right: 20px;
        padding: 10px 20px;
        text-align: right;
    }
    .nav-link {
        font-family: 'Saira', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.3;
    }
    .home #intro {
        background-image: url('images/hero-slider-eletem-kozepe.jpg');
        background-size: 150%;
        background-position: right bottom;
        background-repeat: no-repeat;
        height: 890px;
    }
    #intro .text {
        padding-top: 60px;
        width: 80%;
        margin: 0 auto;
    }
    #intro-text .subtitle {
        top: 180px;
    }
    #intro-text .bg-tri-red {
        /*height: 631px;*/
        height: 540px;
    }
    #intro-text .bg-tri-red .label {
        font-size: 5.5rem;
    }
    #intro-text .bg-tri-red .label-small {
      font-size: 2rem;
    }
    .bg-tri h2 {
        line-height: 2.5rem;
    }
    .ticketwrap {
        padding-top: 35px;
    }
    .bg-tri .prog-title {
        padding-left: 2rem;
    }
    .item .prog-title h2 a {
        font-size: 2.5rem;
    }
    .item .prog-date {
        font-size: 2.5rem;
    }
    .item .prog-date::after {
        right: 150px;
    }
    .item-turqoise .bg-tri {
        background-position: -242px center;
    }
    .item-yellow .bg-tri {
        background-position: -302px center;
    }
    .item-lblue .bg-tri {
        background-position: -330px center;
    }
    .item-purple .bg-tri {
        min-height: 615px;
        right: -208px;
    }
    .item-purple .prog-title {
        top: 106px;
        right: 152px;
    }
    .page-klub .intro img {
        width: 100%;
        height: auto;
    }
    .single-program #info-box {
      margin-top: -70px;
    }
    .single-program #intro-text img {
      max-height: 300px;
    }
    .page-tort #intro-text {
        margin-top: -300px;
    }
    .page-tort #intro-text .bg-tri-turqoise {
        height: 674px;
    }
    .page-tort #intro-text .text {
        text-align: center;
    }
    .page-rolunk .bg-tri-lblue {
        height: 415px;
    }
    .page-rolunk #intro-text h1.entry-title {
        top: 6px;
    }
    .page-rolunk .item:last-of-type {
        margin-bottom: 20px;
    }
    .page-coach #intro-text .bg-tri-purple-right {
        background-size: contain;
    }
    .page-coach h1 {
        font-size: 4rem;
    }
    .page-coach #sep {
        margin-top: -135px;
    }
    .page-coach .bg-tri-turqoise-top {
        height: 485px;
        width: 555px;
    }
    .page-coach .bg-tri-turqoise-top div {
        left: -12px;
    }
    .page-coach .bg-tri-turqoise-top h2 {
        font-size: 3rem;
    }
    .page-coach .bg-tri-turqoise-top h3 {
        font-size: 12rem;
    }
    .page-kapcsolat #intro {
        height: 700px;
    }
    .page-kapcsolat #intro-text .bg-tri-purple {
        background-position: -90px top;
    }
    .page-kapcsolat #intro-text h1 {
        font-size: 3rem;
    }
	.page-kapcsolat .bg-tri-green {
		background-size: 800px;
	}
}

@media only screen and (max-width: 811px) {
    .home #intro {
        height: 806px;
    }
}

@media only screen and (max-width: 767px) {
	.termsfeed-com---nb-simple {
    	max-width: 50%;
  	}
	.termsfeed-com---nb .cc-nb-main-container {
		padding: 15px;
	}
	.termsfeed-com---palette-light .cc-nb-text {
		display: none !important;
	}
	.termsfeed-com---nb .cc-nb-title {
		font-size: 20px;
	}
    h2 {
      font-size: 2.2rem;
    }
    hr {
        margin: 30px 0;
    }
    .home #intro {
        background-size: cover;
    }
    .home #intro .text {
        width: 100%;
        font-size: 1.1rem;
    }
    .item .cover {
        min-height: 565px;
    }
    .item .bg-tri {
        display: none;
    }
    .item .prog-title h2 a {
        font-size: 2.4rem;
    }
    .item .date {
        font-family: 'Saira', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
    }
    .single-program #info-box {
        margin-top: -155px;
    }
    .single-program .box .prog-date {
        text-align: end;
    }
    .border-right-white {
        border-bottom: 3px solid #fff;
    }
    #recommend .item {
        width: 80%;
        margin: 0 auto 3rem auto;
    }
    #about .bg-tri-red .title {
        font-size: 3.5rem;
    }
    #about .pic img {
      max-width: 50%;
      height: auto;
    }
    .page-klub main {
        padding-top: 0;
    }
    .page-klub .intro img {
        width: 40%;
        height: auto;
    }
    .page-klub .item {
        background-position: center 187px;
    }
    .page-kapcsolat #intro-text .bg-tri-purple {
        background-position: -70px top;
        background-size: 367px;
    }
    .page-kapcsolat #intro-text h1 {
        left: 17px;
        top: 209px;
    }
    /*.bg-tri-green {
        background-size: 146%;
    }*/
}

@media only screen and (max-width: 680px) {
    .page-coach .label {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 594px) {
    .page-tort h1 {
        font-size: 2.5rem;
    }
    .page-tort #intro-text .bg-tri-turqoise {
        background-size: 442px;
        height: 500px;
        margin-top: -20px;
    }
    .page-tort .label {
        font-size: 1.8rem;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 575px) {
    body {
        font-family: 'Montserrat', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.4em;
    }
    h2 {
        font-size: 2rem;
    }
    .navbar-brand img {
        height: 85px;
    }
    .home #intro {
        height: 888px;
    }
    #prog {
      top: -270px;
    }
    #intro-text .bg-tri-red {
        /*background-size: 435px;
        height: 631px;
        margin-top: -240px;*/
        background-size: 396px;
        height: 608px;
        margin-top: -274px;
    }
    #intro-text .bg-tri-red .label {
        font-size: 4rem;
    }
    #intro-text .bg-tri-red .label-small {
        font-size: 2rem;
    }
    #intro-text .subtitle {
        top: 235px;
    }
    /*.item .prog-date::after {
        right: unset;
        left: 106px;
        width: 35px;
        height: 35px;
    }*/
    .item .prog-title h2 a {
        font-size: 2.5rem;
    }
    /*.item .prog-date {
        font-size: 1.9rem;
    }*/
    
    #contact .bg-tri-lblue {
        background-size: 106%;
    }
    .box-expert {
        font-size: 1.2rem;
    }
    .single-program #info-box .box-title {
        font-size: 1.4rem;
    }
    .single-program #info-box .box-expert {
        font-size: 1.2rem;
    }
    .single-program #intro-text img {
        max-height: 180px;
    }
    #recommend .item {
        width: 95%;
        margin: 0 auto 3rem auto;
    }
    #about .bg-tri-red {
      height: 800px;
      background-position-x: -97px;
      background-size: 415px;
    }
    #about .container {
      margin-top: -485px;
    }
    #about .bg-tri-red .title {
        font-size: 2.5rem;
        padding-left: 1rem;
        top: 230px;
    }
    #contact .bg-tri-lblue {
        /*background-size: 150%;*/
        background-position: center top;
    }
    .page-rolunk #intro-text h1.entry-title {
        font-size: 2.7rem;
    }
    .tag {
        font-size: 1.4rem;
    }
    .page-coach #intro-text .bg-tri-purple-right {
        background-size: 114%;
        margin-top: -470px;
        height: 778px;
    }
    .page-coach .bg-tri-turqoise {
        height: 380px;
        width: 415px;
        left: -80px;
    }
    .page-coach .bg-tri-turqoise h2 {
        font-size: 2.4rem;
    }
    .page-coach .bg-tri-turqoise h3 {
        font-size: 10rem;
    }
    .page-kapcsolat #intro-text h1 {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 480px) {
    
    #contact .bg-tri-lblue {
        background-size: 128%;
    }
}

@media only screen and (max-width: 370px) {
    .page-tort #intro-text .bg-tri-turqoise {
        background-size: 396px;
    }
    .page-coach #intro-text .bg-tri-purple-right {
        background-size: 160%;
        margin-top: -440px;
    }
    #review .item {
        font-size: 1.2rem;
    }
    .page-coach .bg-tri-yellow h2 {
        font-size: 1.3rem;
    }
    .page-coach #intro-text .text {
        padding-right: 0;
    }
    .page-coach .bg-tri-turqoise {
        width: 395px;
    }
    #eler .bg-tri-yellow {
      min-height: 355px;
    }
    #contact .bg-tri-lblue {
        background-size: 160%;
    }
}