main{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
/*    border:solid 1px white;*/
    width:80%;
}

left{
    width:30%;
    
}
right{
    width:60%;
}

main h1{
    padding: 1em 0;
    margin: auto;
    text-align: center;
    width: 100%;
}

main left div{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
/*    padding-bottom: 13em;*/
    

}

main left h3{
    padding: .2em;
}

div a{
    padding: 1em;
    background:rgb(255, 255, 255);
    font-weight: 600;
     text-decoration-style: solid;
    color:rgb(0, 0, 0);
    border:solid black 1px;
    margin:.1em;
    box-shadow: black 2px 2px 1px;
    transition: .1s;
    
        
    
}
div a:hover{
/*    text-decoration-line: underline;*/
    transform: translate(2px, 2px);
    box-shadow: black 0px 0px 1px;
}

/*   - ---------------SERVICE MAP   -------------*/

#serviceareas{
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    width: 100%;

}

#serviceareas h4{
    margin: auto;
    padding-bottom:1em;
    padding-top: 1em;
/*    padding-left: 10em;*/
    text-align: center;
    width:50em;
    
    background-color: aliceblue;
    border-radius: 3em 3em 0 0 ;
}


#map{
    width: 50em;
    height: 30em;

    margin: auto;
    background-color: aliceblue;
}