/*==========================================================================
Text styling
==========================================================================*/

body, p, h1, h2, h3, h4, h5 {
    font-family: 'Open Sans','Trebuchet MS', Helvetica, sans-serif;
    margin: 0;
    color: #1B1B1B;
}

p {
    line-height: 1.5;
}

h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 120%;
    /* identical to box height */
}

h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    /* identical to box height */
}

h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */
}

h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */
}

a, a:visited {
    color: #0F7AC4;
}

a:hover {
    color: #65B0F5;
}

/*==========================================================================
Header
==========================================================================*/
header a, header a:visited{
    text-decoration:none;
    color:#1B1B1B;
}

header a:hover{
    text-decoration:none;
    color:#0F7AC4;
}

/*==========================================================================
Footer
==========================================================================*/
footer a, footer a:visited{
    color:white;
}

footer a:hover{
    color:#D3E3F2;
}

/*==========================================================================
Membership Table
==========================================================================*/

#membership {
    border-collapse: collapse;
}

#membership tr{
   height: 48px; 
}

#membership td{
    border-width: 1px 0px;
    border-style: solid;
    border-color: #D3E3F2; 
    padding: 0px 8px;
}

/*==========================================================================
Responsive Styles
==========================================================================*/

.flexRowtoCol {
    flex-direction: row;
}

.padding40to24 {
    padding: 40px;
}

#desktopMenu {
    display: flex;
}

#hamburgerMenu {
    display:none;
}


@media only screen and (max-width: 800px) {
    .flexRowtoCol {
        flex-direction: column;
    }

    .padding40to24 {
        padding: 24px;
    }

    #desktopMenu {
        display: none;
    }

    #hamburgerMenu {
        display:block;
    }
    
}