@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    font-weight: 400;
    line-height: 1.65em;
    font-size: 1.5rem;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, .heading {
    color: #333;
    font-weight: 600;
    text-align: center;
}

h1 {
    margin-bottom: 4rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

#main h2, #side h2 {
    text-align: left;
    margin: 2rem 0;
}

.heading {
    margin: 0;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 600;
}

a {
    font-weight: 600;
}

/* FOOTER */

footer {
    background-color: #F5F5F5;
    padding: 5rem;
    text-align: center;
}

footer#side {
    margin-top: 4rem;
}

/* TABLES */

table {
    width: 100%;
    margin: 0 0 2rem 0;
}

table th {
    color: #0E1210;
    font-size: 0.9em;
    font-weight: 700;
    padding: 0 0.75em 0.75em 0.75em;
    text-align: left;
}

table td {
    padding: 0.75em 0.75em;
}

table tbody tr {
    border: solid 1px rgba(144, 144, 144, 0.25);
    border-left: 0;
    border-right: 0;
}

input[type="text"], input[type="password"], input[type="email"], select {
    height: 2.75em;
    margin-bottom: .5em;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: rgba(144, 144, 144, 0.075);
    border-color: #0E1210;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #0E1210;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
}

table tbody tr:nth-child(2n + 1) {
    background-color: rgba(144, 144, 144, 0.075);
}

label {
    color: #0E1210;
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin: 1em 0 0 0;
}

textarea {
    padding: 0.75em 1em;
}

input[type="submit"], input[type="reset"], input[type="button"], .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #337ab7;
    border-radius: 15px;
    color: #fff;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    height: 2.85em;
    line-height: 2.95em;
    padding: 0 2em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

input[type="submit"]:hover, input[type="button"]:hover {
    background-color: #34495e;
}

/* OUR TEAM */

.title {
    margin-top: 20px;
    color: #fff;
}

.team-section{
    min-height: 400px;
    text-align: center;
    overflow: hidden;
    background:#34495e;
    padding:60px;
}

.team-section .pic{
    display: inline-block;
    width: 85%;
    height: 85%;
    padding: 5px;
    margin-bottom: 1px;
    transition: all 0.5s ease 0s;
}

.team-section .pic img{
    width: 15rem;
    height: auto;
    border-radius: 50%;
}

.team-section .post{
    display: block;
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 15px;
}

/* PAGE */

section#main {
    padding-top: 7rem;
    padding-bottom: 4rem;
}

div#main {
    padding-top: 3rem;
}

div#side {
    padding-top: 7rem;
}

#banner {
		background-image: url(../images/conference.jpg);
		background-position: bottom;
		background-size: cover;
		background-repeat: no-repeat;
	  background-attachment: fixed;
		color: #ffffff;
		padding: 14em 0;
		-webkit-transform: translate3d(0,0,0);
}

.jumbotron {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 4rem;
    margin-bottom: 0;
}

.jumbotron h2 {
    color: #fff;
    margin-bottom: 5rem;
}

/* NAVIGATION */

.navbar-fixed-top {
    top: 0;
    border-width: 0;
		background-color: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-brand {
	  float: left;
	  font-size: initial;
	  max-height: 40px;
	  padding: 5px;
}

.navbar-brand > img {
	  max-height: 40px;
}

img#logo {
		display: inline-block;
}

.navbar-nav>li>a {
    color: #333;
    font-weight: 600;
}

.navbar-default .navbar-toggle {
		border: none;
		color: #121212;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	  background-color: rgba(0,0,0,0);
}

.fixedtheme .navbar-nav > li.active,
.fixedtheme .navbar-nav > li > a:focus,
.fixedtheme .navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li.open {
    color: #0E1210;
		background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
	  color: #121212;
	  font-weight: 600;
	  transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease; /* Firefox 4 */
	  -webkit-transition: all 0.4s ease; /* Safari and Chrome */
	  -o-transition: all 0.4s ease; /* Opera */
}

.fixedtheme .navbar-nav > li > a {
		transition: all 0.4s ease;
		-moz-transition: all 0.4s ease; /* Firefox 4 */
		-webkit-transition: all 0.4s ease; /* Safari and Chrome */
		-o-transition: all 0.4s ease; /* Opera */
}

/* MEDIA QUERIES */

@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}