@media only screen and (min-width: 0px)

{


 body {
        background-color: #8a857d;
      }

h2
{
font-family: Verdana, Arial, Sans-serif;
	color:#fa9703;
	text-align:center;
font-size: 2vw;

}

h1
{
font-family: Verdana, Arial, Sans-serif;
	color:#fa9703;
	text-align:center;
font-size: 2vw;

}

.logo
{
	min-width: 486px;
}

.mission
{
	min-width: 486px;
}

.hamburger
{
font-family: Verdana, Arial, Sans-serif;
	color:#000000;
	text-align:center;
font-size: 2.5vw;

}

a:link {
 color:#000000;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color:#000000;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color:#fa9703;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color:#000000;
  background-color: transparent;
  text-decoration: underline;
}

.gif
{
	width: 40%;
}

.imgg
{
	width: 40%;
}

.button
{
	width:25%;
}

}

@media only screen and (max-width: 750px)
{

h2
{
font-family: Verdana, Arial, Sans-serif;
	color:#fa9703;
	text-align:center;
font-size: 4vw;

}

h1
{
font-family: Verdana, Arial, Sans-serif;
	color: #fa9703;
	text-align: center;
font-size: 4vw;

}

.imgg
{
	width: 90%;
}

.gif
{
	width: 80%;
}

.hamburger
{
font-family: Verdana, Arial, Sans-serif;
	color:#000000;
	text-align:center;
font-size: 4.2vw;

}

.button
{
	
	width: 50%;
}

}