*{
    font-family:'Montserrat Alternates', sans-serif;
    box-sizing: border-box;
    margin:0;
    padding:0;
    scroll-behavior: smooth;
}

/*Universal Styles*/
    body{
        background-color: rgb(216, 216, 237);
    }
    main{
        width:70vw;
        margin:2em auto 3em auto;
    }
    main a{
        color:black;
    }
    main a:hover{
        color:rgb(97, 100, 191);
    }
    main p{
        margin:0.7em 0;
        line-height: 150%;
        font-size:1.1em;
    }
    main h2{
        margin:1em 0 0.5em 0;
    }
    main h3{
        margin:0.7em 0;
    }
    #phone{
        display: none;
    }
/*Header*/
    header{
        display:flex;
        position:sticky;
        top:0px;
        background-color: rgb(97, 100, 191);
        padding:0.7em;
        color:white;
        box-shadow:1px 3px 10px rgba(0,0,0,0.3) ;
    }
    /*Logo and Site Name*/
    .logo{
        display: flex;
    }
    .logo img{
        flex:1;
        height:2.5em;
        width:2.5em;
        margin:0 auto;
    }
    .logo p{
        flex:5;
        font-size:1.3em;
        position: absolute;
        left:3.25em;
        margin-top:0.25em;
    }
    /*Navigation*/
    nav{
        position:absolute;
        right:1em;
    }
    nav ul{
        list-style-type:none;
    }
    nav ul li{
        display: inline-block;
    }
    nav ul li a{
        text-decoration: none;
        text-transform: uppercase;
        margin:0.5em 1em;
        display: flex;
        justify-content: space-around;
        color:white;
    }
    nav ul li a:hover{
        color:rgb(175,177,226);
    }
    /*Hamburger*/
    label{
        cursor:pointer;
        display:none;
        font-size: 2em;
    }
    #hamburger{
        display:none;
    }
/*Footer*/
    footer{
        margin-top:2em;
        background-color: rgb(175,177,226);
        padding:3em;
        text-align: center;
    }

/*Styles on Multiple Pages*/
    .smallbanner{
        background-image: url(../images/sunset.jpg);
        background-size: cover;
        text-align: center;
        background-position: center;
        padding-top: 12vh;
        padding-bottom: 12vh;
        font-size:2.4em;
    }
 
/*HOME PAGE*/
/*Banner*/
    .banner{
        background-image: url(../images/sunset.jpg);
        background-size: cover;
        text-align: center;
        background-position: center;
        padding-top: 21vh;
        padding-bottom: 21vh;
    }
    .banner p{
        margin:1em;
        font-size:1.2em;
    }
    .banner h1{
        font-size:2.3em;
    }

/*Office*/
    #office{
        margin-top:3em;
    }
    .split{
        display:flex;
        margin:1em 0;
    }
     .split img{
        width:100%;
    }
    .sideone{
    /*Image*/
        flex:1;
        margin-right:0.5em;
    }
    .sidetwo{
    /*Text*/
        flex:1;
        display:flex;
        flex-direction: column;
        margin: auto 0 auto 0.5em;
    }
    .sidetwo h2{
        margin-top:0;
        margin-bottom: 0;
    }
    .sidetwo p, .sidethree p{
        margin:0.3em 0;
    }
    .sidethree{
    /*Text*/
        flex:1;
        display:flex;
        flex-direction: column;
        margin: auto 0.5em auto 0;
    }
    .sidefour{
    /*Image*/
        flex:1;
        margin-left:0.5em;
    }
   

/*ABOUT PAGE*/
/*Image*/
    #aboutface{
        width:15em;
        height:15em;
        border-radius: 50%;
    }
    .pronouns{
        font-style: italic;
    }
    .right{
        display:flex;
        margin:auto 2em;
        flex-direction: column;
    }

/*NEW CLIENTS*/
    ol li{
        margin:0.3em 0 0.3em 1em;
        line-height: 150%;
        font-size:1.1em;
    }
    .adddocs a{
        font-size:1.2em;
    }

/*LINKS AND RESOURCES PAGE*/
    .linklist{
        margin:1em auto;
    }
    .linklist ul{
        list-style-type: none;
    }
    .linklist ul li{
        margin:0.7em 0;
    }
    .linklist ul li a{
        color:black;
    }
    .linklist ul li a:hover{
        color:rgb(97, 100, 191);
    }
    .linklist h2{
        font-size:1.65em;
        margin-top:1.5em;
    }

/*For Medium Size Screens*/
    @media(max-width:1180px){
        label{
            display:block;
            position: absolute;
            top:0;
            right:0;
        }
        nav ul{
            display:none;
        }
        #hamburger:checked~ul{
            display:flex;
            flex-direction: row;
            background-color: rgb(221, 101, 155);
            padding:1em 0;
            position:fixed;
            top:3.9em;
            left:0;
            width:100vw;
            box-shadow:1px 3px 10px rgba(0,0,0,0.3) ;
        }
        nav ul li{
            margin-left:6vw;
        }
    }
    /*Bad way of making the nav bar centered*/
    @media(max-width:1064px){
        nav ul li{
            margin-left:5vw;
        }
    }
    @media(max-width:1000px){
        nav ul li{
            margin-left:3vw;
        }
    }
    @media(max-width:880px){
        nav ul li{
            margin-left:1vw;
        }
    }
    @media(max-width:790px){
        nav ul li{
            margin-left:0;
        }
    }

/*For Mobile Devices*/
    @media(max-width:820px){
        .split{
            flex-direction: column;
        }
        #mobilereverse{
            flex-direction: column-reverse;
        }
        .sideone, .sidethree{
            margin-right:0;
        }
        .sidetwo, .sidefour{
            margin-left:0;
        }
        .sidethree{
            margin-bottom:1em;
        }
    }

    @media(max-width:750px){
        #hamburger:checked~ul{
            flex-direction: column;
            padding:1em 0;
            left:70vw;
            width:30vw;
            text-align: center;
            height:100vh;
        }
        nav ul li{
            padding:0.5em 0;
        }
        .right{
            margin-left:0;
        }
    }



/*Email tomfoolery*/
    .turtle{
        letter-spacing: -0.14em;
    }