[data-custom-section="contact"] .block-wrapper {padding:100px 0px;display:grid;grid-template-columns: repeat(2, 1fr);gap:40px;color:#FFF;}
[data-custom-section="contact"] .contact-heading {font-size:75px;position:relative;margin-bottom:20px;font-family: 'rockness';-webkit-font-smoothing: antialiased;font-weight:400;color:#FFECBA;}
[data-custom-section="contact"] .telephone {margin-bottom:20px;}
[data-custom-section="contact"] .telephone span:first-child {margin-right:10px;}
[data-custom-section="contact"] .address {margin-bottom:40px;}
[data-custom-section="contact"] .socials {display:flex;flex-direction: row;gap:15px;}
[data-custom-section="contact"] .social-icon {display:inline-block;height:35px;width:35px;background-repeat: no-repeat;background-size:contain;background-position: center;}
[data-custom-section="contact"] .social-icon.instagram {background-image:url('../core/Social-Instagram.svg');}
[data-custom-section="contact"] .social-icon.facebook {background-image:url('../core/Social-Facebook.svg');}
[data-custom-section="contact"] .social-icon.x {background-image:url('../core/Social-X.svg');}
[data-custom-section="contact"] form .input-row {margin-bottom:20px;}
[data-custom-section="contact"] form .input-row label {font-size:18px;margin-bottom:8px;display:block;width:100%;letter-spacing: 1px;}
[data-custom-section="contact"] form .input-row input {height:45px;border:1px solid #FFECBA;padding-left:10px;display:block;width:100%;letter-spacing:1px;font-size:18px;background-color:transparent;color:#FFF;}
[data-custom-section="contact"] form .input-row input[type="checkbox"] {height:20px;width:20px;display:inline-block;vertical-align: middle;margin-right:10px;}
[data-custom-section="contact"] form .input-row span {font-size:12px;vertical-align: middle;}
[data-custom-section="contact"] form .input-row textarea {height:100px;min-height:100px;resize:vertical;border:1px solid #FFECBA;padding-left:10px;padding-top:10px;display:block;width:100%;letter-spacing:1px;font-size:18px;color:#FFF;background-color:transparent;}
[data-custom-section="contact"] form .button-row {margin-bottom:20px;text-align: right;}
[data-custom-section="contact"] form .button-row button {min-width:160px;border:1px solid #FFECBA;font-size:20px;min-height:50px;font-weight:700;padding:15px 20px;text-align: center;color:#FFF;background-color:transparent;appearance: none;transition:background-color .25s ease-in-out;}
[data-custom-section="contact"] form .button-row button:hover {background-color:rgba(255, 236, 186, 0.5);cursor: pointer;}
[data-custom-section="contact"] .text-col {position:relative;font-size:30px;}
[data-custom-section="contact"] .text-col::after {content:'';display:block;width:250px;height:250px;background-image: url('../core/Potatoes.svg');position:absolute;right:100px;bottom:75px;background-position: right bottom;background-size: contain;background-repeat: no-repeat;}
[data-custom-section="contact-map"] .map {height:max(400px, 50vh);width:100%;}

@media (max-width:1920px)
{
    [data-custom-section="contact"] .text-col {font-size:26px;}
    [data-custom-section="contact"] .contact-heading {font-size:60px;}
}

@media (max-width:1460px)
{
    [data-custom-section="contact"] .block-wrapper {grid-template-columns: 60% 1fr;}
    [data-custom-section="contact"] .contact-heading {padding-right:160px;}
    [data-custom-section="contact"] .contact-heading::before {right:20px;}
}
@media (max-width:960px)
{
    [data-custom-section="contact"] .contact-heading {font-size:50px;}
    [data-custom-section="contact"] .block-wrapper {grid-template-columns: 1fr;padding:60px 0px;}
}
@media (max-width:750px)
{
    [data-custom-section="contact"] .contact-heading {font-size:40px;}
    [data-custom-section="contact"] .text-col::after {right:20px;bottom:20px;}
}
@media (max-width:650px)
{
    [data-custom-section="contact"] .text-col::after {height:175px;width:175px;}
    [data-custom-section="contact"] .text-col {font-size:20px;}
}
@media (max-width:600px)
{
    [data-custom-section="contact"] .contact-heading {font-size:30px;padding-right:0;}
    [data-custom-section="contact"] .contact-heading::before {position:relative;margin:unset;left:unset;right:unset;}
}
@media (max-width:400px)
{
    [data-custom-section="contact"] .text-col::after {height:100px;width:100px;}
}