@media screen and (max-width: 426px) {
  
  body {
    width: auto;
	background: none !important;
	padding: 0;
  } 
  
header img{
	width:100%;
}
  
  #main {
    width: 100%;
	margin: 0;
    left: 0;
    right: 0;
    border-radius: 0px;
	box-shadow: none;
	border: none;
	padding-top:3vh;
  }
  
  nav {
    box-shadow: 1px 1px .1px #0000ca;
	 position: fixed;
	 border-radius: 0px;
  }

  nav ul li a {
    font-size: 14px;
	width: 13vw;
	padding: 2vh 4vw 2vh 2vw;
	height: 3vh;
	transition-duration: 10ms;
  }


  nav ul li {
    margin-top: 0;
    left: 0;
  }

  #content {
    margin:0;
}

  .text {
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 2%;
    padding-top: 2%;
    font-size: 16px
  }
  
}


@media screen and (max-width: 320px) {
	nav ul li a {
	width:;
	padding: 2vh 4vw 2vh 2vw;
}