/*********************************
    IMPORT MAIN STYLE SHEET
**********************************/
@import "./main.css"; 


/*********************************
            HEADER
**********************************/
.header{
    background:linear-gradient(to top, rgba(12, 12, 12, 0.6) 10%, rgba(12, 12, 12, 0.6) 50%, rgba(12, 12, 12, 0.6) 100%), url("../../assets/images/contact_hero.jpg");
    background-position:center;
}

.back_links{
    position:absolute;
    bottom:0;
    left:50%;
}

/*********************************
             MAIN
**********************************/
main{
    padding:3rem 0;
}

@media (max-width:720px){
    main{
        padding-top:1rem;
    }
}

/*DIVISION_1*/
.division_1 .title{
    text-transform:none;
}

.division_1 ul{
    gap:1rem;
}

.division_1 ul li{
    flex-grow:1;
    border:1px solid rgba(1,1,1,0.2);
    border-radius:10px;
    background-color:var(--white);
    text-align:center;
}

.division_1 ul li .title{
    line-height:1.9em;
    margin-bottom:1rem;
}

.division_1 ul li a{
    color:var(--gray);
}

.division_1 ul li .fixed_flex{
    justify-content:center;
    text-align:center;
    gap:1rem;
}