* {margin: 0;}
body {font-family: 'Oxanium', cursive;}

p {margin: 10px 0;}
a {color: #000}
h1 {font-size: 3em}
h2 {margin-bottom: 25px;}
h3 {margin-top: 50px}
h4 {font-weight: bold; margin-top: 15px}
ul {list-style: none; margin-left: -39px}

.clear {clear: both}
#signature {font-size: 8pt; background: #000; color: #fff; padding: 10px; text-align: center}
.photo {background: url('img/wadih-antoun.jpg?v=1') center center no-repeat; background-size: cover; width: 100%; height: 300px;}
.content, .expertise {padding: 15px}
.btn {display: inline-block; background: #000; color: #fff; padding: 10px 25px; border-radius: 7px; margin: 25px 0 0 0; text-decoration: none}
li {display: inline-block; width: 39%; margin: 4% 6% 4% 0; background: #efefef; padding: 2% 2%; vertical-align: top; min-height: 225px}

@media (min-width:830px) {    

    #siteBody {padding: 0 50px 0 50px}
    h1 {margin-top: 100px}
    h3 {margin-top: 0}
    .photo {float: right; width: 40%; margin: 5%; height: 400px}
    .content {float: left; width: 50%; padding: 0}
    .expertise {padding: 0}
    li {width: 15%; margin: 1% 3% 1% 0; min-height: 155px}
    #signature {background: none; color: #000;}
}