/* The basic stuff */
body {
    background-color: rgb(20,20,20);
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Sans-serif;
	text-align: center;
}
p  { font-size: 1.1em;   color: white ; margin:15px; } 
h1 { font-size: 2.0em;   color: white }
h2 { font-size: 1.5em;   color: white }


/* The navigation banner */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:100;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: rgb(245,120,0);
}

/* The main divisions */


.welcome {
	position: relative;
	top: 50px;
	margin: 5px;
	border:0px solid grey;
	padding:8px;
	height: 45em;
}
.welcome_title{
	font-size: 2.5em;
	color: rgb(255,255,255)
}
.title{
	font-size: 1.5em;
	color: rgb(250,250,250);
	text: underline;
}
.wrapper {
	position: relative;
	left: 50%
	background-color: rgb(55;140;240);
	margin: 0 auto;
	width: 66em;
	border: 0px solid gray;
	height: 32em;
}

.leftcolumn {
	width: 22em;
    
	float: left;
	min-height: 15em;
}
.middlecolumn {
	width: 22em;
    
	float: left;
	min-height: 15em;
}
.rightcolumn {
	width: 22em;
    
	float: left;
	min-height: 15em;
}

.welcome_img {
	width:300px;
	height:400px;
	padding: 5px;
	border: 1px solid white;
	
}

/* General section stuff */

.section_img {
	width:75px;
	height:100px;
	padding: 5px;
	border: 1px solid white;
	float: left;
	margin: 15px;
	
}
a.anchor {
    display: block;
    position: relative;
    top: -55px;
    visibility: hidden;
}

/* Consultant div */


.consultant {

	background-color: rgb(55;140;240);
	background-image: url("../pictures/chess.jpg");
	background-size: auto 100%;
	filter: grayscale(100%);
	margin: 0 auto;
	padding-top: 20px;
	max-width: 80em;
	min-width: 60em;
	border: 0px solid gray;
	height: 45em;
	text-align: left;
	text-shadow: 0px 0px 5px #000;
}



/* Student div */

.student {

	background-color: rgb(55;140;240);
	background-image: url("../pictures/NYC3.jpg");
	background-size: auto 100%;
	filter: grayscale(100%);
	margin: 0 auto;
	padding-top: 20px;
	max-width: 80em;
	min-width: 60em;
	border: 0px solid gray;
	height: 45em;
	text-align: left;
}

/* Athlete div */
.athlete {

	background-color: rgb(55;140;240);
	background-image: url("../pictures/white-water3.jpg");
	background-size: auto 100%;
	filter: grayscale(100%);
	margin: 0 auto;
	padding-top: 20px;
	max-width: 80em;
	min-width: 60em;
	border: 0px solid gray;
	height: 45em;
	text-align: left;
	text-shadow: 0px 0px 5px #000;
}

/* Contact form */


form { max-width:520px; margin:50px auto; }

.feedback-input {
  color:white;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid rgb(245,120,0);
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid rgb(245,120,0); }

textarea {
  height: 220px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  width: 100%;
  background:rgb(245,120,0);
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
[type="submit"]:hover { background:rgb(205,80,0); }