@charset "UTF-8";
/* CSS Document */


/*HOMEEEEE */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* { -webkit-box-sizing: border-box; box-sizing: border-box;  }

.innerWrapper {
	max-width: 920px;
	margin: 0 auto;
}

h2, h4 {
	font-family: 'Abril Fatface', serif;
}

h2 {
	font-size: 3rem;
	text-align: center;
	padding-top: 100px;
	margin: 0 0 30px 0;
}

/* navbarrr */

.companyName {
	padding: 18px 17px 18px 15%;
	margin: 0;
	float: left;
	color: #fff;
	width: 45%;
	background: rgba(0,0,0,0.7);
	font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
	font-size: 1.8rem;
	text-align: left;
  font-variant: small-caps;
}

nav {
	padding: 0;
	margin: 0;
	width: 55%;
	float: right;
}


header nav ul {
	float: right;
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%;
	border-right: 20px solid rgba(0,0,0,0.7);
}

header nav ul li {
	float: left;
	margin: 0;
	display: inline;
	width: 25%;
	text-align: center;
	background: rgba(0,0,0,0.7);
}

header nav ul li:hover {
	background: none;
  font-style: bold;
  transform: scale(1.2);
	
}

header nav ul li a {
	text-decoration: none;
	padding: 25px 20px;
	color: #fff;
	margin: 0;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
	font-size: 1rem;
}


/* header */

header {
	background: url(Images/basketball.jpg);
	background-size: cover;
	background-attachment: fixed;
	
}

.center {
	text-align: center;
	text-shadow: 1px 0 2px #595859;
}

.center h1 {
	font-size: 5.5rem;
	margin:0;
	padding-top: 200px;
	font-family: 'Abril Fatface', serif;
	color: #fff;
}

.center h3 {
	padding-bottom: 250px;
	font-family: 'Quicksand', sans-serif;
	font-style: italic;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 700;
	margin: 0;
}



  .companyName {
    width: 100%;
    text-align: center;
    padding: 4% 4%;
  }
  
 .mainNav {
    width: 100%;
  }
  
  header nav ul {
    border: none;
  }
  
  header nav ul li a {
    padding: 25px 2%;
	  text-decoration: none;
  }
/* HOMEEEEEEE END */


h1, h2 {font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'}

#content {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 80%;
		margin-left: 8%
}

#content4 {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 80%;
		margin-left: 10%}

#content1 {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 25%;
		margin-left: 8%;
		float: left}

#content12 {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 25%;
		margin-left: 30%;
		float: left}

#content13 {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 25%;
		margin-left: 4%;
		float: left}
#content14 {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 25%;
		margin-left: -80%;
		float: left}

#content15 {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 25%;
		margin-left: 34%;
		float: left}

#content2 {background-color: #BF9319;
		border:5px solid black;
		width: 32%;
		padding: 15px;
		position: absolute;
		top: 161px;
		left: 600px;
		float: left}

#content3 {background-color: #BF9319;
		border:5px solid black;
		width: 18%;
		padding: 15px;
		position: absolute;
		top: 161px;
		left: 1180px;}

#blue {background-color:navy; color: red;
}
#red {background-image: url(nba.jpg); color: red;}


#pic2 {float: none;
		width: 496px;
		margin-left: 1%}

#pic3 {float: none;
		width: 280px;
		margin-left: 1%}

#footer {margin-right: 0%;
		margin-top: 5%;
		width: 98%;
		padding: 15px}

h2 {color: darkblue;
}
p {color: darkblue; font-size: 21px;
}
#victor {background-color: gold;
}
#team {background-color: darkblue;
}


p {font-family: agency fb, serif; font-size: 20px}

#navimg {}

.bottombar {margin: 10% 0% 10% 0%}

li {font-size: 20px}


.back1 {background-color: #BF9319;
		border:5px solid black;
		padding: 15px;
		margin-top: 30px;
		width: 25%;
		margin-right: 1%}

/* DATA VISUALIZATION -BACK TO MAP- BUTTON */
a.back {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}


a.back:hover {
    background-color: #ddd;
    color: black;
}

.previous {
    background-color: #f1f1f1;
    color: black;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 24px;
}


/* END BUTTON */

/* ABOUT US PAGE BUTTON */

/* END BUTTON */