---
---

/* Global Style Rule */

/* RWD Laptop+ Style Rule */
@media only screen and (min-width: 768px) {
    body {
        .header {
            display: block;
            padding: 3%;
            .container {
                display: flex;
                .social-media-links {
                    display: inline-flex;
                    a {
                        display: block;
                        img {
                            width: 40px;
                        }
                    }
                }
                .image {
                    display: inline-block;
                    img {
                        border-radius: 50%;
                        width: 200px;
                    }
                }
                .text {
                    display: inline-block;
                    .site-title {
                        font-size: 50pt;
                        font-weight: bold;
                        border-bottom: 1pt solid black;
                    }
                    .job-title {
                        font-size: 25pt;
                    }
                }
            }
            .navigation-bar {
                display: block;
                margin-left: 50%;
                .container {
                    display: block;
                    .active {
                        color: grey;
                    }
                    a {
                        color: black;
                        text-decoration: none;
                    }
                    a:hover {
                        color: grey;
                    }
                }
            }
        }

    }
}