* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  font-weight:1em;
}

 
header {
  
  padding:1%;
}

header h1{
  
  font-size:1.7em;
  text-align:center;
}

header h1 a{
	color:black;
	text-decoration:none;
}


h2{
	text-align:center;
	color:#bd0707;
}

main{
	border-top:solid silver 1px;
	padding-top:1%;
}

#section1 nav a{
	background-position:center;
	background-repeat:no-repeat;
	background-size:50%;

}

#section1 nav{
  text-align:center;
}

#section1  nav  a{

	display:inline-block;
	width:10vw;
	height:10vw;
	background-color:black;
	cursor:pointer;
	vertical-align: text-top;
	text-align:center;
	color:white;
	border-radius:5px;
	text-decoration:none;
	margin:5px;
	padding:0.5%;
 
}

#section1 nav a:hover{
	background-color:#bd0707;
}

#section1 nav #legislation{
	background-image:url('../img/legislation.png');

}

#section1 nav #world{
	background-image:url('../img/world.png');

}

#section1 nav #vote{
	background-image:url('../img/vote.png');

}

#section1 nav #hdf{
	background-image:url('../img/hdf.png');

}

#section2 p, #section3 p, #section4 p, #section5 p{
	width:60%;
	margin:auto;
	text-align:justify;
	text-indent:20px;
	padding:0.5%;
}

form{
	width:60%;
	margin:auto;
	text-align:center;
	 
	padding:1%;
	border:solid gray 1px;
	 
	border-radius:10px;
	font-weight:bold;
}


#section2 .moratory_act h3{
	padding:1%;
}


#section2 .moratory_act h4{
	padding:1%;
	font-weight:normal;
}

#section2 .moratory_act{
	text-align:center;
	background-color:#f0eeee;
	border-radius: 5px;
	width:60%;
	margin:auto;

}

#section2 .moratory_act p{
	 
	margin:auto;
	text-align:justify;

}

section.info{
	text-align:center;
	padding:20px;
	font-weight:bold;
}

main .back{
	text-align:center;
	padding:2%;
}

main .back a{

	color:black;
}


 

 
@media (max-width: 767px) {
  
#section1  nav  a{
 
	width:80vw;
	height:80vw;
	
}
}