/* Default */
h1, h2, h3, h4, h5, h6, p, body, input, label {font-family: 'Open Sans', sans-serif;}
h2, p {margin: 10px;}
h2 {font-size: 1em; text-transform: uppercase;}
body {background-color: #e8e8e8; color: #3d3d3d; margin: 0;}
a {text-decoration: none; color: #3d3d3d;}
p, th, td {
    font-size: 15px;
    line-height: 1.7em;
}
/* Menu */
nav img { width: 100px; }

nav a { font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

nav {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
}


/* Other */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 150px 50px;
}

form {
    width: 50%;
}

input[type="text"] {
    padding: 14px;
    margin: 10px;
    width: 100%;
}

input[type="submit"] { 
    float: right; 
    margin-right: -11px; 
    border: 1px solid rgb(133, 133, 133);
    padding: 13px 57px !important;
    font-size: 11px;
    border-radius: 3px !important;
}

input[type="submit"], button {
    margin-top: 10px;
    padding: 13px 57px;
    text-transform: uppercase;
}

/* Admin */
table {border-collapse: collapse; width: 100%; background-color: white;}
td, th {border: 1px solid #dddddd; text-align: left; padding: 25px;}
#staff_wrapper {
    width: 100%;
}

.about-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.about-right {width: 70%;}
.about-left img {width: 18px;}
.about-left {display: flex; align-items: center; cursor: pointer;}

#staff_filter input {
	border-radius: 0;
	padding: 10px;
}