.contact{
        width:100%;
        min-height:80vh;
    }  
    
    .contact-content{
        width:100%;
        display:flex;
        flex-direction:  column;
        justify-content: center;
        align-items: center;
    }
    .contact-panel{
        display:flex;
        flex-direction:  row;
        justify-content: center;
        width:80%;
        margin-bottom:30px;
    } 
    
    .map-container{
        position:relative;
        width:40%;
        display:flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .map-container .map{
        position:relative;
        width:90%;
    }
    .map-container .map-icon{
        padding:30px 30px;
        color:var(--grn);
        font-size: 8em;
    }
    
    .map-container .map-header h3{
        
        margin-bottom:10px;
        
    }
    
    .map-container .map .map-content{
        width:100%;
        height:220px;
        background:url(../pics/map.jpg);
        background-position:center;
        background-size: 130%;
        margin-bottom: 30px;
        cursor:pointer;
    }
    
   .contact-facts-container{
        display:flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width:calc(60% + 20px);
        padding:10px;
    }
    
    .contact-facts-panel{
        width:calc(50% - 20px);
        margin:10px;
    }
    
    .contact-facts-header{
        margin-bottom: 15px;
    }
    
    .contact-facts-header-icon{
        display:inline-block;
        color:var(--grn);
        font-size: calc(var(--font) * 1.5);
        
    }
    
    .contact-facts-header-text{
        display:inline-block;
        
    }
    
    .contact-facts-content,
    .contact-facts-content a{
        text-decoration: none;
        font-weight:600;
        font-size: calc(var(--font) * 0.9);
        letter-spacing: 0.025em;
        color: #ccc;
    }
    
    .footer{
        
        width:100%;
        min-height:150px;
        display:flex;
        justify-content:center;
        align-items: center;
        gap: 30px;
        border-top:1px solid var(--grn);
        flex-wrap: wrap;
    }
    
    .footer a{
        text-decoration: none;
        color:var(--wht);
        letter-spacing: 1px;
    }