@charset "utf-8";
/* bootstrap dropdown hover menu*/

body {
  font-family: 'PT Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #4f5d6e;
  position: relative;
background: rgb(207,4,4);
background: -moz-linear-gradient(left, rgba(207,4,4,1) 0%, rgba(255,48,25,1) 50%, rgba(207,4,4,1) 100%);
background: -webkit-linear-gradient(left, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
background: linear-gradient(to right, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#cf0404',GradientType=1 );
}

.body-wrap {
  min-height: 700px;
}

.body-wrap {
  position: relative;
  z-index: 0;
}

.body-wrap:before,
.body-wrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 260px;
background: rgb(207,4,4);
background: -moz-linear-gradient(left, rgba(207,4,4,1) 0%, rgba(255,48,25,1) 50%, rgba(207,4,4,1) 100%);
background: -webkit-linear-gradient(left, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
background: linear-gradient(to right, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#cf0404',GradientType=1 );
}

.body-wrap:after {
  top: auto;
  bottom: 0;
background: rgb(207,4,4);
background: -moz-linear-gradient(left, rgba(207,4,4,1) 0%, rgba(255,48,25,1) 50%, rgba(207,4,4,1) 100%);
background: -webkit-linear-gradient(left, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
background: linear-gradient(to right, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#cf0404',GradientType=1 );
}

nav {
  margin-top: 60px;
  box-shadow: 5px 4px 5px #000;
}

.main {background-color:#FFFFFF;
box-shadow: 5px 4px 5px #000;
}
.aside {background-color:#FFFFFF;
box-shadow: 5px 4px 5px #000;
}

@media (min-width: 55em)
{
	.header { padding: 1.5em 3em; }
	.content { padding: 2em 3em; }

	.main
	{
		float: left;
		width: 65%;
		margin-right: 5%;
		margin-bottom: 1em;
	}

	.aside
	{
		float: left;
		width: 30%;
		margin-bottom: 1em;
	}

	.footer { padding: 2em 3em; }

}