/* Grid */

.table-row {
    display: flex;
    text-align: left;
    border-bottom: 2px solid var(--green);
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.table-container{
    margin-bottom: 0rem;
}

.table-container{
    border-top: 2px solid var(--green);
}

.table-row > div {
    flex: 1;
}

.table-row > div:first-child {
    flex: 2; 
}

.table-row > div:last-child {
    flex: 26; 
}

.one-two__container {
    display: flex;
    flex-direction: row;
    width: 100%; 
    text-align: left;
    border-bottom: 2px solid var(--green);
    padding-top: .6rem;
    padding-bottom: .5rem;
}

.film-container:first-child {
    border-top: 2px solid var(--green);
}

.film-container {
    margin-bottom: 1rem;
}

.one-two__container > div:first-child {
    flex: 1; 
}

.one-two__container > div:last-child {
    flex: 2; 
}

.one-two__container img{
    width: auto; 
    height: 360px;
}

.grid-img_container{
    max-width: 100%;
    overflow: hidden;
}

.forms-container div {
    flex: 1;
}


/* row ~ col */

.row, .row_p {
    display: flex;
}

.row_p p {
    flex: 1;
    padding-right: .5rem;
}

.col {
    flex: 1;
}

.col div {
    flex: 1;
}

.mobile_only{
    display: none;
}

/* Responsive design for mobile devices */
@media (max-width: 768px) {
    .forms-container form{
        flex-direction: column;
    }

    .row, .row_p {
        flex-direction: column;
    }

    .row_p p {
        padding-right: 0;
    }

    .mobile_only{
        display: block;
    }

    .one-two__container {
        flex-direction: column;
    }

    .one-two__container > div {
        flex: 1!important; 
    }

    .one-two__container img{
        width: 98%; 
        height: auto
    }
    
}

.w-10 { width: 10%!important; }
.w-20 { width: 20%!important; }
.w-30 { width: 30%!important; }
.w-40 { width: 40%!important; }
.w-50 { width: 50%!important; }
.w-60 { width: 60%!important; }
.w-70 { width: 70%!important; }
.w-80 { width: 80%!important; }
.w-90 { width: 90%!important; }
.w-97 { width: 97%!important; }
.w-100 { width: 100%!important; }

@media (max-width: 768px) {
    .w-10 { width: 100%!important; }
    .w-20 { width: 100%!important; }
    .w-30 { width: 100%!important; }
    .w-40 { width: 100%!important; }
    .w-50 { width: 100%!important; }
    .w-60 { width: 100%!important; }
    .w-70 { width: 100%!important; }
    .w-80 { width: 100%!important; }
    .w-90 { width: 100%!important; }
}