body {margin:0;}

.navbar {
  overflow: hidden;
  background-color: #FDFEFE;
  position: fixed;
  margin-bottom:20px;
  top: 0;
  width: 100%;
}

.navbar a {
  float: left;
  width:16%;
  color: #17202A ;
  display: inline-block;
  text-align: center;
  text-decoration: none;  
}

.navbar a:hover {
  background: #F7F9F9;
    border-style:solid;
  border-color:#212121;
  color: #17202A;
}

.main {
  width: 468px;
  margin: auto;
  margin-top: 100px;
  border-style:solid;
  border-width:1px;
  border-color:#DAD7D7;
  background-color: #ffffff;
  
}

.top{
	width:100%;
    margin: auto;
	padding:10px;
	background:#EAEDED; 
}

.bot{
	width:90%;
    margin: auto;
	padding:10px;
	background:#ffffff; 
}


@media (max-width: 468px){
	
.main {
  width: 100%;
  margin: auto;
  margin-top: 100px;
  border-style:solid;
  border-width:1px;
  border-color:#DAD7D7;
  background-color: #ffffff;
  
}

.top{
	width:100%;
    margin: auto;
	padding:10px;
	background:#EAEDED; 
}

.bot{
	width:90%;
    margin: auto;
	padding:10px;
	background:#ffffff; 
}

	

	
	
	
}