@media screen and (min-width: 481px){
.main{
	text-align: center;
	color: #432;
	text-decoration: none;
	}

.main-nav{
	display: flex;	
	font-size: 1.25em;
	text-transform: uppercase;
	/*margin-top: 34px;*/
	list-style: none;
	justify-content: center;
	}

.main-nav li{
	padding: 28px;
	}

.main-nav a{
	color: #432;
	}

.main-nav a:hover{
	color: #0bd;
	}

.menu{
  display: none;
}
.pcontents{
  display: none;
}

.main-content{
	padding:5% 10%;
}

.main-content-a{
	padding: 20px;
}	

a{
	color: #432;
	text-decoration: none;
}

a:hover{
	color: #0bd;
}

.table-content{
		width: 60%;
}

table{
	border-collapse: collapse;
	}


.gallery{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.gallery img{
	vertical-align: bottom;
	}

footer{
	text-align: center;
}

}



@media screen and (max-width:480px){
   .main a {
	text-decoration: none;
	color: #432;
	}
	.main-nav{
      display: flex;
	text-transform: uppercase;
      list-style: none;
      padding-left: 10px;
	}

  .main-nav li{
    padding: 10px;
  }

  .main-nav a{
    text-decoration: none;
    color: #432;
  }

  .menu a{
    padding: 10px;
    text-decoration: none;
    color: #432;
  }

  .pcontents{
    font-size:larger;
    text-transform: uppercase;
  }

  table{
	border-collapse: collapse;
	}

	img{
		max-width: 100%;
		height: auto;
	}

  .main-content-a{
    text-decoration: none;
    color: #432;
    padding: 3px;
  }
  
  footer{
    text-align: center;
    padding: 20px;
  }

}