/* Default CSS file for Protocall Design */

/* Protocall CSS 
=====================================================================================
===================================================================================== */
body {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

header{
	/*position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;*/  /*DON'T WANT TO USE THIS UNTIL I CAN MAKE HEADER COLOR OPAQUE*/
	color: #ffffff;
	background-color: #1402c6; /*Protocall Design color is #1402c6*/
	text-align: center;
	padding: 1%;
}

footer {
  width: 100%;
  flex-shrink: 0;
  text-align: left;
  padding-left: 0px;
  padding-top: 3450px;
}

nav {
	background-color: #1402c6;
	}

nav > a{	/*only links that are children of nav*/
	border: 1%;
	/* margin: 1%; */
	padding: 1%;
	color: #ffffff;
	text-align: center;
}

nav > h1{
	color: #ffffff;
}

main {
	position: absolute;
	top: 150px;
	padding-left: 1%;
	padding-right: 1%;
}

p {
	padding-left: 1%;
	padding-right: 1%;
}

main > a{
	border: 2px black;
}

h2{
	margin-bottom: 0%;
	margin-top: 1%;
	padding-bottom: 1%;
	text-transform: uppercase;
	text-align: left;
}

h3{
	margin-bottom: 0%;
	margin-top: 1%;
	/* text-transform: uppercase; */
	text-align: left;
}

section{
	/* display: inline-block; */
	/* float: right; */
}	

ol,ul {
	padding-top: 1%;
}

dl ,dt{
	padding: 1%;
}

dd {
	/* width:50%; */
	
}

/* TABLES */

table {
	border-collapse: collapse;
}

td:first-child{
	text-align: left;	
}

th,td {
	border: 1px solid black;
	padding: 5px;
}

th {
	text-align: center;
}

td {
	text-align: center;
}

/* footer{
	display: inline;
	padding-left: 1%;
} */

@media (min-width: 1024){
	body{
		font-size: 200%;
	}
}