/* <<-- Főoldal -->> */
.fooldal {}

.home1 {
    background-image: url(/files/cont/img/home1bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
}

.home1 .logo {
    width: 400px;
    opacity: 0.8;

}

.home1 .home1-text {
    padding: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.home1 .home1-text.day-1 {
    padding: 100px 0;
    height: 100%
}

.home1 .home1-text.day-4 h2 {
    font-size: 4.5rem;
}

.home1 video:focus {
    outline: none;
    box-shadow: none;
}

.home1 h2 {
    text-transform: uppercase;
}

.home1 audio::-webkit-media-controls-timeline,
.home1 video::-webkit-media-controls-timeline {
    display: none;
}

.home1 h3 {
    margin-top: 40px;
    margin-bottom: 40px
}

.home1 .justify-content-around {
    width: 90%;
    margin: 0 5%
}

.home1 .home1-content {
    font-weight: 600;
    text-align: justify;
}

.home2 {
    padding: 0
}

.home2 .row {
    margin: 0
}

.home2 .col-md-6 {
    padding: 0
}

.home2 .link {
    width: 100%;
    position: absolute;
    color: #f4d632;
    font-size: 2.75rem;
    text-align: center;
    transition: 0.5s;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
}

.home2 .col-md-6:hover .link {
    font-size: 3.5rem;
}

.rev {
    margin: auto
}

.rev h5 {
    line-height: 150%;
    padding: 30px 0
}

.rev h6 {
    padding-bottom: 30px
}

.latest-news .container {
    
}

.latest-news h2 {
    
}

.latest-news .btn {
    line-height: 75px;
    font-size: 1.2rem;
}



    

/* <<==--   RESPONSIVE   --==>> */

/* 1680 px, Tablet fekvő (1670 - 1919px)*/
@media only screen
and (max-width: 1900px) {
    
}

/* 1440 px, Tablet fekvő (1430 - 1669px)*/
@media only screen
and (max-width: 1669px) {
    .home2 .link {
        font-size: 2.25rem;
    }
    
    .home2 .col-md-6:hover .link {
        font-size: 2.75rem;
    }
}

/* 1366 px, Tablet fekvő (1356 - 1429px)*/
@media only screen
and (max-width: 1429px) {
    
}

/* 1280 px, Tablet fekvő (1270 - 1355px)*/
@media only screen
and (max-width: 1355px) {
    
}

/* Tablet fekvő (1024 - 1269px)*/
@media only screen and (max-width: 1269px) {

    .home1 .logo {
        width: 40%
    }

    .home1 .home1-text {
        /*max-width: 1000px*/
    }

    .rev {
        /*max-width: 100%*/
    }
}

/* Tablet álló (768 - 1023px) */
@media only screen and (max-width: 1023px) {

    .home1 .home1-text {
        /*max-width: 800px*/
    }
    
    .home2 .link {
        font-size: 1.75rem;
    }
    
    .home2 .col-md-6:hover .link {
        font-size: 2.25rem;
    }

}

/* Telefon fekvő (576 - 767px) */
@media only screen and (max-width: 767px) {
    .home1 {
        background-size: cover;
    }

    .latest-news .container {
        display: block;
    }

    .latest-news h2,
    .latest-news .ln-btn {
        width: 100%;
        margin: 20px 0px
    }
    
    .latest-news .btn {
        line-height: normal;
    }
    
    .home1 .home1-text.day-4 h2 {
        font-size: 4rem;
    }
    
    .home2 .link {
        font-size: 2.75rem;
    }
    
    .home2 .col-md-6:hover .link {
        font-size: 2.75rem;
    }
}

/* Telefon álló (300 - 575px) */
@media only screen and (max-width: 575px) {

    .rev h6 {
        padding-bottom: 10px 0
    }
    
    .home2 .link {
        font-size: 1.95rem;
    }
    .latest-news .btn{
        font-size:1rem;
    }
    .home2 .col-md-6:hover .link {
        font-size: 1.95rem;
    }
}