.maxw-1000 {
    width:100%;
    max-width:1000px;
}

.maxw-1100 {
    width:100%;
    max-width:1100px;
}

.maxw-1300 {
    width:100%;
    max-width:1300px;
}

.header .logo {
    width:100%;
    max-width:300px;
}

.menu-icon {
    width:30px;
    height:20px;
    border-top:2px solid #5F7AB2;
    border-bottom:2px solid #5F7AB2;
    margin-top:1.75rem;
    margin-left:1rem;
}

.menu-close {
    font-size:2.25rem;
    margin-top:0.8rem;
    margin-left:1rem;
    color:#5F7AB2;
}

.menu-item a {
    font-size:0.95rem;
    letter-spacing: 1.5px;
    color:#666;
    text-transform: uppercase;
    text-decoration: none;
}

.menu-item a:hover {
    color:#444;
    text-decoration: none;
}

.mobile-menu {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background:#fff;
    z-index:5000;
}

.mobile-menu a {
    font-size:1.25rem;
}

.banner {
    background:#444;
    height:400px;
}

.banner-page {
    margin-top:-50px;
}

.avatar {
    background:#ddd;
    width:160px;
    height:160px;
}

.footer {
    color:#999;
    font-size:0.95rem;
}

.footer a {
    color:#384C75;
}

.btn {
    border-radius:0px !important;
}

.btn-primary {
    background:#5F7AB2 !important;
    font-size:0.95rem !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:0.75rem !important;
    padding-left:1.25rem !important;
    padding-right:1.25rem !important;
    border:none !important;
}