:root {

}

/* use basic font list her or Bootstrap font family reference in HTML header?
body {
    font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
  }*/

body {
    
}

div {
  margin-left: 20px;
}

h2 {
    margin-left: 20px;
}

img {
    display: inline;
    height: 180px;
    margin-top: 20px;
}

#flexcontactbox {
    display:flex;
    justify-content: space-around;
}

a:hover {
    font-size: 120%;
}

.hoverbtn {
    /*can this be empty?*/
}

.hoverbtn:hover {
    box-shadow: 0px 5px 5px gray;
    transition: box-shadow 0.4s;
}

@media only screen and (max-width: 768px) {
    #flexcontactbox {
        flex-direction: column;
        align-items: flex-start;
        }
}