.image_floatleft, .image_floatright {
    max-width: 50%;
    margin:0.5em ;
}

.image_floatleft{
    float: left;
}

.image_floatright{
    float: right;
}

.hero-flex {
    display:flex;
    flex-direction: row;
}

@media (max-width: 768px) {
    .image_floatleft, .image_floatright {
        max-width: 100%;
        margin:0.5em ;
    }

    .hero-flex {
        display:flex;
        flex-direction: column;

    }

    .fysio_logo {
        
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        margin-bottom: 2em;
    }

}

.hero-overlay {
    background-position: 50% 20% ;
}





.fysio_logo {

    
    /*
    -webkit-filter: drop-shadow(1px 1px 0 white)

    
filter: drop-shadow(1px 1px 0 black) 
drop-shadow(-1px -1px 0 black);
/*
filter: drop-shadow(2px 2px 0 white)
        drop-shadow(-2px 2px 0 white)
        drop-shadow(2px -2px 0 white)
        drop-shadow(-2px -2px 0 white);*/
}

.column{
    padding: 0 0.5em ;
  }