body{
  background-color:#AAA639;
  font-family: "Roboto", sans-serif;
}
h1{
  font-size:3em;
}
#end{
  display:flex;
  justify-content:space-around;
}
#navitems{
  display:flex;
  text-align:center;
  justify-content:space-around;
}
#navitems a {
	flex-grow: 1;
  flex-basis: 0;
  padding: 10px;
  text-decoration: none;
  text-align: center;
}
#nav label,
#hamburger {
	display: none;
}
#card-box{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.link{
  width:100%;
  max-width:100px;
  background-color:#41002C;
  border-radius:10%;
  border:maroon solid 5px;
  color :#FFFCAA;
}
.link:link{
  transform:scale(95%,95%);
  border:maroon solid 5px;
  color :#FFFCAA;
}
.link:visited{
  transform:scale(95%,95%);
  border:maroon solid 5px;
  color :#FFFCAA;
}
.link:hover{
  transform:scale(105%,105%);
  border:darkblue solid 5px;
  color: white;
}
.link:active{
  transform:scale(100%,100%);
  border:black solid 5px;
  color: lightblue;
}
#end-link{
  width:100%;
  max-width:100px;
  background-color:#41002C;
  border-radius:10%;
  border:maroon solid 5px;
  color :#FFFCAA;
}
#end-link:link{
  transform:scale(95%,95%);
  border:maroon solid 5px;
  color :#FFFCAA;
}
#end-link:visited{
  transform:scale(95%,95%);
  border:maroon solid 5px;
  color :#FFFCAA;
}
#end-link:hover{
  transform:scale(105%,105%);
  border:darkblue solid 5px;
  color: white;
}
#end-link:active{
  transform:scale(100%,100%);
  border:black solid 5px;
  color: lightblue;
}
#nav{
  padding: 1.5em;
  margin: 1.5em;
  border-radius:5%;
}
.box{
  text-align:center;
  padding: 1.5em;
  margin: 1.5em;
  border-radius:5%;
}
.white{
  background-color:#FFFCAA;
  border:#611047 dashed 5px;
  color:#555200;
}
.black{
  background-color:#41002C;
  border:#867DB0 dashed 5px;
  color:#FFFCAA;
}
#container{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.card{
  width: 100%;
  display:flex;
  flex-direction:column;
}
.image{
  max-width:100%;
  border:#867DB0 dashed 5px;
}
@media screen and (max-width: 576px){
  .link{
  max-width:100%;
  }
  #navitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }
  #nav label { 
    display: inline-block; 
    color: white;
    background: #AAA639;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
    cursor: pointer;
  }
  #navitems { display: none; }
  #nav input:checked ~ #navitems { display: block; }
  
}
@media(min-width:992px){
  .card{
    width:39%;
  }
}
#contact label {
	width: 100%;
}
#contact input,
#contact textarea {
	width: 100%;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
#contact input {
	height: 2em;
}
fieldset {
	background-color:#41002C;
  border:#867DB0 dashed 5px;
  color:#FFFCAA;
  padding: 1.5em;
  margin-top: 1em;
}
fieldset input,
fieldset textarea {
	border-color: #0363F0;
}
legend {
	background-color: #07103A;
  color: white;
  padding: 0.5em 1em;
  text-align: center;
}
.btn {
	padding: 0.5em 1em;
  border-color: transparent;
  margin-right: 1em;
  cursor: pointer;
}
#submit {
	background-color: #07103A;
  color: white;
}