body {
    
line-height: 1.6em;
}

a:hover{
text-decoration: none;
color: darkgray; 
transition: 0.1s; 
}

#company-logo-container img{
    height: 80px; 
    }

.wrapper-founder {
display: grid; 
grid-template-columns: 1fr 1fr 1fr;  
     
}

#vs-ms-vision h2 {
    
    
}
#vs-ms-mission-1 h2 {
    
    
}

#vs-ms-mission-2 h2 {
    
    
}

#vs-ms-mission-1 {
    
    display: none; 
    
}


#vs-ms-vision {
    margin: auto; 
}

#vs-ms-mission-2 { 
    margin: auto; 
}
#vs-ms-mission-1 { 
    margin: auto; 
}


.practice-container {
    background-color: #E8EDF1;
    padding-bottom: 20px; 
   width: 100%; 
}
.practice-container h2 {
margin: 0 30px;  
padding: 20px 30px; 
    width: 100%; 
    

}
.align-subcontainer {
    text-align: center; 
    align-content: center; 
    
}
/*.practice-subcontainer < div:nth-child(odd){ background: white
}
.practice-subcontainer < div:nth-child(even) {background:#eeeeee
}*/ 

.wrapper {
    display: grid; 
    grid-template-columns:33% 33% 33%; 
}


    

.practice-subcontainer  {
    background-color: white; 
    padding: 10px; 
    box-sizing: border-box; 
    overflow: hidden; 
    margin: auto; 
    box-shadow: 10px 10px 20px grey;
    min-height:  320px;
    min-width: 390px; 
    
        
}

.container-map iframe {
    width: 100%; 
}

.container-map h2 {
    margin: 0 30px;  
padding: 20px 30px; 
    width: 100%; 
}

.small-container {
    margin: auto;  
padding: 20px 30px; 
    width: 100%; 
    text-align: center; 
    background-color: #E8EDF1; 
    min-height: 130px; 
    overflow: hidden;
    box-sizing: border-box; 
    
    
}

.modal-link a { 
    text-decoration: none; 
    color: inherit; 
}

.modal-header h4{
    text-align: center; 
}

footer h5 {
    padding-left: 20px; 
    margin: 10px; 
    display: inline-block; 
    float: left; 
}

.sm-img {
    margin-right: 25px;
    text-decoration: none; 
}

.fvl-logo {
    height: 70px; 
    padding: 0px;
    box-sizing: border-box; 
    margin: auto; 
    
}

footer img { 
max-height: 25px;
margin: 10px 15px; 
display: inline-block; 
float: right; 
opacity: 0.6; 
    text-decoration: none; 
}

footer img:hover{
    opacity: 1; 
    transition: 0.2s;
    text-decoration: none; 
}

/* MEDIA */ 


@media(max-width: 768px){
    
    #company-logo-container img{
    height: 70px; 
    }
    
    .wrapper-founder {
display: block; 
     
}

    #vs-ms-mission-1 {
        display: block; 
    }
    
    #vs-ms-mission-2 {
        display: none; 
    }
    
    
    #company-logo-container span{
        font-size: 18px; 
    }
    
    #company-logo-container {
         max-height: 100px; 
    }
    
   .practice-container {
    background-color: #E8EDF1;
    padding-bottom: 20px; 
   width: 100%; 
}
.practice-container h2 {
margin: 0 30px;  
padding: 20px 30px; 
    width: 100%; 
    

}
.align-subcontainer {
    text-align: center; 
    align-content: center; 
    
}
/*.practice-subcontainer < div:nth-child(odd){ background: white
}
.practice-subcontainer < div:nth-child(even) {background:#eeeeee
}*/ 

.wrapper {
    display: block; 
    
}

.practice-subcontainer  {
    background-color: white; 
    padding: 10px; 
    box-sizing: border-box; 
    overflow: hidden; 
    margin: 15px; ; 
    box-shadow: 10px 10px 20px grey;
    min-height:  300px;
    min-width: 390px; 
    
        
}
 
footer h5 {
    padding-left: 0; 
    margin: 10px; 
    font-size: 10px; 
    color: grey; 
    
}
   
.sm-img {
    margin-right: 20px; 
}

footer img { 
max-height: 19px;
margin: 10px 10px; 
display: inline-block; 
float: right; 
opacity: 0.6; 
}

footer img:hover{
    opacity: 1; 
    transition: 0.2s; 
}    
    

@media(max-width: 576px) {

#company-logo-container img{
    height: 60px; 
    }
    
    
footer h5 {
    padding-left: 20px; 
    margin: 10px; 
    display: block; 
    float: none;
    
}

    .clr {
    clear: both; 
}

.sm-img {
    margin-right: 20px;
    float: right
    
}

footer img { 
max-height: 20px;
margin: 10px 10px; 
display: inline-block; 
float: none; ; 
opacity: 0.6;  
}

footer img:hover{
    opacity: 1; 
    transition: 0.2s; 
}

        


/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktopvs, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/