.main-content{
    margin:40px;
    margin-top: calc(var(--header-height) * 1.25);
}

.heading{
    font-size:3em;
    text-shadow:white 0 0 10px;
}

.content-container{
    display:flex;
    gap: 20px;
}

#policy-border{
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, white, white) 1;
}

#price-calculator{
    margin-left:auto;
    padding-left:10px;
    border-left: solid 2px;
    border-image: linear-gradient(to bottom, transparent, white, transparent) 1
}

h2{
    font-size:2rem;
}

.price-list li{
    font-size: 1.5rem;
}

.price-list li ul li{
    font-size: 1rem;
}

#policies{
    transition: all 0.5s;
}

#price-calculator-form{
    display:grid;

    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

#comm-type-field{
    grid-area: 1/1/3/5;
    
    input{
        margin-bottom:1rem;
    }
}

#comm-additional-field{
    grid-area: 3/1/4/5;
}

#final-price{
    display:block;
    font-size:2em;
    margin: auto;
}

#contact-link{
    transition-property:opacity;
    transition-duration: 1s;
}

@media (max-width: 900px){
    .content-container{
        flex-direction: column;
    }

    #price-calculator{
        margin:auto;
        padding:0;
        border-image: linear-gradient(to left, transparent, white, transparent) 1;
        border-left-style: none;
        border-top-style: solid;
    }

    #contact-link{
        display:block;
        width:fit-content;
        margin-left: auto;
    }
}