Team:Leiden/style/main

html, body {

 width: 100%;
 max-width: 100%;
 overflow-x: hidden;

}

.jumbotron {

 color: #FFF;
 padding: 50px 25px;
 font-family: Montserrat, sans-serif;

 z-index: 1000;
 background-color: rgba(0,0,0,0);
 height: 800px;
 padding-top: 240px;

}

.container-fluid {

 padding: 60px 50px;

}

.bg-grey {

 background-color: #f6f6f6;

}

.bg-white {

 background-color: #fff;

}

.logo {

 font-size: 200px;

}

.text-center {

 text-align: center;

}

@media screen and (max-width: 768px) {

 .col-sm-4 {
   text-align: center;
   margin: 25px 0;
 }

}

.logo {

 font-size: 200px;

}

1. nav-background {

 width: 100%;
 height: 50px;
 background-color: #f7e7dc;
 opacity: 0.8;
 z-index: 997;
 margin-bottom: 0;
 position: fixed;
 top: 0px;

}

.navbar {

 margin-bottom: 0;
 z-index: 999;
 border: 0;
 font-size: 12px !important;
 line-height: 1.42857143 !important;
 letter-spacing: 4px;
 border-radius: 0;
 font-family: Montserrat, sans-serif;
 background-color: rgba(0,0,0,0);

}

.navbar li a, .navbar .navbar-brand {

   color: #000 !important;

}

.navbar-nav li a:hover {

   color: #000 !important;
   background-color: #f7e3d5 !important;
   opacity: 0.8

}

.navbar-nav li.active a {

   color: #000 !important;
   background-color: #fff !important;

}

.navbar-default .navbar-toggle {

   border-color: transparent;
   color: #000 !important;

}

footer .glyphicon {

   font-size: 20px;
   margin-bottom: 20px;
   color: rgb(226, 130, 81);

}

1. HQ_page p {

 font: 400 15px Lato, sans-serif;
 line-height: 1.5;
 color: rgb(51, 51, 51);

}

1. bodyContent {

 margin-top: -15px;
 margin-bottom: -20px;

}

h2 {

 font-size: 24px;
 text-transform: uppercase;
 color: #303030;
 font-weight: 600;
 margin-bottom: 30px;

}

h4 {

   font-size: 19px;
   line-height: 1.375em;
   color: #303030;
   font-weight: 400;
   margin-bottom: 30px;

}

.text-justify {

 text-align: justify;

}

.text-center-vertical {

 vertical-align: middle;
 position: relative;
 padding-top: 50px;

}

1. header-carousel-section {

 padding: 0px;
 margin: 0px;
 margin-top: -50px;

}

.logo-large{

 font-size: 40px;
 color: rgb(226, 130, 81);

}

.logo-small {

 font-size: 20px;
 color: rgb(226, 130, 81);

}

1. header-background {

 background-image: url('https://static.igem.org/mediawiki/2016/7/70/Team-Leiden-images-header.png');
 height: 800px;
 background-size: cover;
 width: 100%;
 position: fixed;
 top: 0px;
 z-index: -1;

}

.jumbotron a {

 color: white;

}