@font-face {
    font-family: "Artbrush";
    src: url(font/Artbrush.ttf) format("truetype");

}
@font-face {
    font-family: "GothamBook";
    src: url(font/Gotham-Book.otf) format("opentype");
}
@font-face {
    font-family: "GothamUltraItalic";
    src: url(font/Gotham-UltraItalic.otf) format("opentype");
}
@font-face {
    font-family: "GothamMediumItalic";
    src: url(font/Gotham-MediumItalic.otf) format("opentype");
}
@font-face {
    font-family: "GothamMedium";
    src: url(font/Gotham-Medium.otf) format("opentype");
}
@font-face {
    font-family: "GothamUltra";
    src: url(font/Gotham-Ultra.otf) format("opentype");
}
@font-face {
    font-family: "GothamBlack";
 
 src: url(font/Gotham-Black.otf) format("opentype");
}
@font-face {
    font-family: "GothamLight";
    src: url(font/Gotham-Light.otf) format("opentype");
}
body{
	background-color:  #888b8d;
}
form{
	text-align:left;
}

div.row{
	padding-top:10px;
}
.container-medium{
	margin: auto;
	width: 50%;
	padding: 8px;
	margin-top: 10px;
	border-radius: 10px;
	text-align:center;
	background-color: white;
}
.purp-header{
	border-radius: 10px 10px 0 0;
	background-color: #004b87;
    color: #fff;
    padding: 16px 20px 8px;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    border-bottom-color: #99cc00;
    background-color: #993399;
   background: rgb(82,27,82);
background: -moz-linear-gradient(0deg, rgba(82,27,82,1) 0%, rgba(153,51,153,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(82,27,82,1) 0%, rgba(153,51,153,1) 100%);
background: linear-gradient(0deg, rgba(82,27,82,1) 0%, rgba(153,51,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#521b52",endColorstr="#993399",GradientType=1);
    margin-bottom: .6em;
    width: 100%;
	padding: 15px;
	text-align:center;
	font-family: "GothamMedium";
	font-size:15px;
}
h1.purp-header{
	font-size:30px;
}
.mcGrathGreen{
	font-size:100px;
	color: #99cc00;
	font-family: "GothamMedium";
}
.innerDivWhite{
	background-color: transparent;
	font-family: "GothamMedium";
	font-size:25px;
	margin-bottom: 10px;
	color: #888b8d;
}
.innerDivGray{
	background-color: #d2d5da;
	padding: 10px;
	font-family: "GothamMedium";
	font-size:15px;
	border-radius: 0 0 10px 10px;
	 border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #99cc00;
}
.btn-mcgrath{
background-color: #99cc00;
  border-radius: 10px;
  color: white;
  width: 100%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: "GothamMedium";
  margin-top: 5px;
}
.btn-mcgrath:hover{
background-color: #4a8004;
color: white;
 
}
.small{
	padding-top:10px;
	font-size: 10px;
}
.redRequired{
	color:red;
}
@media only screen and (max-width: 800px) {
	.container-medium{
	margin: auto;
	width: 100%;
	padding: 8px;
	margin-top: 10px;
	border-radius: 10px;
	text-align:center;
	background-color: white;
}
.mcGrathGreen{
	font-size:60px;
	color: #99cc00;
		font-family: "GothamMedium";
}	
}