@charset "UTF-8";
/* CSS Document */
html, body {
height: 100%;
}

body {
    background-color: #000192;
	}

.main{
	width: 1000px;
	margin: 0px auto;
	background-color: cornflowerblue;
}

.header {
	background-color: cornflowerblue;
	height: 50px;
}

#menuButton{
display:none;
}

#menu{
display: block;
}

a.button{
width: 160px;
display: inline-block;
padding: 7px;
background-color: #DDFFFE;
font-family: Optima;
font-size: 25px;
color: darkblue;
cursor: pointer;
text-decoration:none;}

a.button:hover{
background-color: #8AD0EB;	
}

p{
font-family: Optima;
color: darkblue;
}

h1{
font-family: Cambria;
color: darkblue;
font-size: 50px;
}


@media screen and (max-width:700px) { 
	
.main {
  width: 400px;
  }
  
  img {
  max-width: 400px;
  height: auto;
  }
  
  a.button {
  width: 400px;
  }

  #menuButton {
  display: block;
  }

  #menu {
  display: none;
  }
}