a {
    color: #BDB7B7;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.main {
  margin: 100px;
}

nav {
    background: #1F2638;
    width: 100%;
    text-align: left;
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 10px;
}

nav h1 {
    font-size: 2em;
    font-weight: normal;
    display: inline;
    text-transform: uppercase;
    margin-left: 10px;
}

nav ul, nav li {
    display: inline;
}

nav li {
    text-transform: uppercase;
}

.nav-menu > li, .sub-menu > li {
    margin-left: 10px;
}

.sub-menu > li {
    padding-top: 10px;
}

.menu-item a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: -10px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.menu-item a:hover, .menu-item a:focus, .menu-item a:active {
    background: rgba(44, 67, 102, 1);
}

nav a {
    font-size: 1em;
    font-family: Arial, sans-serif;
}

nav h1 a {
    text-transform: capitalize;
}

nav li a:hover,nav li a:focus {
    color: #e7e1e1;
    text-decoration: none;
}

nav h1 a:link {
    font-family: Arial, sans-serif;
}

nav h1 a:active,nav h1 a:hover,nav h1 a:focus {
    color: #b4b3b3;
    text-decoration: none;
}

nav h1 a:visited, nav a:visited {
    color: #b4b3b3;
}
nav ul {
    display: inline;
}

/* Screen reader text */
 .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover, .screen-reader-text:active, screen-reader-text:focus {
    background-color: #c7c6c6;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #0a153f;
    display: block;
    font-size: 1em;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
p.b {
  font-family: Arial, Helvetica, sans-serif;
padding-left: 300px;
padding-right: 300px;
}
a.c:link{
  color: black;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-color: black;
  border-style: solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
}
.donate{
border-radius: 25px;
background: yellow;
  color: purple;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
}
.borderexample {
 border-width:3px;
 border-style:solid;
 border-color:black;
width:200px;
padding:5px;
}