@charset "utf-8"

h1 {text-align: center;
    align-content: center;
    color: #7414DC;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
  font-size:40px;
  text-align:center;}

.content {text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;}

body{font-family:Verdana, sans-serif;
    color: white;
    width: 100%;
text-align: center;}


body {background-image: url("background-forrest.jpg");
    background-position: center center;
    background-size: cover;
    background-color: #464646;
  background-repeat: no-repeat;
  background-attachment:fixed;}

.primarynav{display:inline-block;
	padding:4px 4px;
    clear: both;
	text-align: none;}

.primarynav a{
	text-decoration:none;
	color:white;
	font-weight:bold;
    padding-left: 30px;
    padding-right: 30px;
	padding-bottom: 1px;}

.primarynav a:hover{
    border-top-style: solid;
    border-top-color: white;
    border-bottom-style:solid;
    border-bottom-color: white;
    background-color:none;}

.resize {display: block;
margin-left: auto;
margin-right: auto;}

    
.resize {width: 250px;}

.resize {float: none}

#navigation {clear: both;
background-color: #7414DC;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}


.wrapper{ margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 5%;
    background-color: ;
	border-radius:10px;
    background: rgba(0, 0, 0, 0.5);}

.current {border-top-style: solid;
    border-top-color: white;
    border-bottom-style:solid;
    border-bottom-color: white;
    background-color:none;}

#beavers-button {
  background-color: #7414DC;
  border: #7414DC;
  color: white;
  padding: 10px 20px;
    margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    border-radius: 10px;}

#cubs-button {background-color: #7414DC;
  border: #7414DC;
  color: white;
  padding: 10px 32px;
    margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
border-radius: 10px;}

#scouts-button {border: 2px white;
background-color: #7414DC;
  border: #7414DC;
  color: white;
  padding: 10px 25px;
    margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
border-radius: 10px;}

#download-button {border: 2px white;
background-color: #7414DC;
  border: #7414DC;
  color: white;
  padding: 10px 25px;
    margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
border-radius: 10px;}
li {list-style-type: none}




@media screen and (max-width: 960px){
    .wrapper{width:640px;}}