@import url("root.css");

#navbar-section {
    height: 206px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://tulipa.zsdev.hu/public/assets/images/slider/slider-1.jpg');
}
#contact-section {
    padding-bottom: 40px;
    padding-top: 40px;

}

#contact {
    background-image: url(../../../../public/assets/images/contact-bg.png);
    background-repeat: no-repeat;
    background-position: right 236px;
    background-size: 600px 600px;

}

#contact-section .header {
    min-height: 360px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    background-size: cover;
    background-image: url(../../../../public/assets/images/header-contact.jpg);
    text-align: center;
}

h3 {
    font-size: 26px;
}

#contact-section .contact-link {
    color: var(--sotet-zold);
    font-size: 32px;
    text-decoration: none;
    font-weight: 600;
}
#contact-section .contact-link:hover {
    color: var(--vilagos-zold);
    text-decoration: underline;
}
#contact-section .dbox .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--vilagos-zold);
    margin: 0 auto;
    margin-bottom: 20px;
}

#contact-section .dbox .icon span {
    font-size: 40px;
    color: #f7f7f7;
}

#contact-section .dbox p span {
    font-weight: 500;
    color: #000;
}

#contact-section a {
    color: #333;
}

#contact-section a:visited {
    color: #333;
}

#contact-section a:hover {
    color: #666;
}

#contact-section img {
    max-width: 426px;
    border: 200px;
    border-radius: 0 120px 74px;
}

#contact-section input {
    border-radius: 28px;
    height: 54px;
}

#contact-section textarea {
    border-radius: 32px;
}


#contact-section .contact-box {
    color: var(--sotet-zold);
    padding: 20px 20px 20px 12px;
    border: solid 2px #DBE3DF;
    border-radius: 8px;
    margin-bottom: 30px;
    width: 100%;
}


@media (max-width: 575.98px) {
    
    #navbar-section {
        height: 322px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    
    #navbar-section {
        height: 390px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    
    #navbar-section {
        height: 390px;
    }

}
@media (min-width: 992px) and (max-width: 1199.98px) {
    
    #navbar-section {
        height: 240px;
    }

}
@media (min-width: 1200px) and (max-width: 1499.98px) {
    
    #navbar-section {
        height: 206px;
    }

}