/* body {
    font-family: Open Sans;
    text-transform: uppercase;
}
#mainContent{
	background-color:#74c69d;
}
#buttonBox{
	margin: 150px auto;
	padding:5%;
	background-color:#1b4332;
	border-radius:10px;
}
#quizContentdisplay{
	padding:0px auto;
}
h1 {
	font-family: 'Times New Roman', serif;
}
header {
  border-bottom: 1px solid #0d122b;
  margin-bottom: 2em;
} */

.grey-box
    	{
    		background-color: white;
    		margin-bottom: 10px;
    		text-align: center;
    		padding: 5%;
        border-radius: 25px;
        border-style: outset;
        width: 100%;
    	}
      .navbar{
        background-color: #333;
        color: white;
        width: 100%;
      }
      a{
        color: white;
      }
      a:hover{
        color: green;
      }
      body{
        background-color: #bfb8e7;
      }
      .heading{
        margin-bottom: 5%;
      }
      .xyz{
        background-color: #e1e2e3;
        width: 100%;
        border-radius: 25px;
        padding: 5%;
        margin-bottom: 5%;
      }
      .navbar-fixed .navbar-toggle .icon-bar{
        background-color: white;
      }
th{
	background-color:black;
	color:white;
	font-size:2em;
	padding-right:5%;
	text-align:center;
	 border-style: solid;
    border-width: 5px;
    border-color: #BCBCBC;
    word-wrap: break-word;
}
table{
	width: 100%;
	table-layout: fixed;
}
td{
	background-color:#e1e2e3;
	font-size:2em;
	padding-right:5%;
	 border-style: solid;
    border-width: 5px;
    border-color: #BCBCBC;
    word-wrap: break-word;
}
button{
    font-family: 'Work Sans', sans-serif;
	font-size: 22px;
	background-color: #279;
	color: #fff;
	border: 0px;
	border-radius: 3px;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 30px;
}
button:hover{
	background-color: #38a;
}