/* Initial body */
body {
  background: url('nature.jpg') no-repeat;
  background-size: cover;
  text-align: center;
  font-family: Arial;
  /*color: white;*/
  left: 0;
  margin: 0;
  /*overflow: hidden;
  position: relative;*/
}

/* Initial menu */
.menu {
  background: #202024 url('http://s3.amazonaws.com/codecFademy-content/courses/ltp2/img/uber/black-thread.png') repeat left top;
  left: -285px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 285px;
}

/* Basic styling */

.jumbotron {
  background-image: url('http://www.thestudioreport.com/images/laptop_4-wallpaper-1366_768.jpg'); 
  height: 100%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.menu ul {
  border-top: 1px solid #636366;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #636366;
  font-family: 'Open Sans', sans-serif;
  line-height: 40px;
  font-size: 16px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-top: 10px;

}

.menu a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
}

.icon-menu {
  color: #fff;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-menu i {
  margin-right: 5px;
}

header {
     height: 50px;
     background: #000000;
   /*or background: cover;*/
     width: 100%
     top:0;
     left:0;
     z-index: 9999999;
     position: fixed;
}
     
#banner {
     width: 100%;
     /*height: 50px;*/
     position: fixed;
     top: 60px;
     left:0;
     background: #707070;
     z-index: -10;
}

#content2 {
     width: 100%;
     position: relative;
     top: 400px;
     background: #ebebeb;
     height: 1500px;
}

/*.logo {
     text-indent: -99999999px;
     background: url("TSR.png");
     width: 400px;
     height: 100px;
}*/

.logo2 {
     position: centered;
     text-color: #000000;
     background: #FFFFFF);
     width: 400px;
     height: 100px;
}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: white;
}

ul li {
    float: left;
    width: 200px;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
    background-color: black;
    opacity: .7;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin-right: 2px;
}

ul li a {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    color: white;
    display: block;
    font-size: 14px;
}

ul li a:hover {
    background-color: #23a1ef;
    color: #FFFFFF;
    text-decoration: none;
}

ul li ul li {
    display: none;
}

ul li:hover ul li {
    display: block;
    /*text-decoration: none;
    background-color: #23a1ef;*/
}

/*#content2 {
    display: block;
    width: 100%;
    position: relative;
    background: #9fc2fc;
    /*margin-left: 400px;
    text-align: left;
    top: 400px;
    height: 1500;
    color: #626966;
    font-family: 'Open Sans', sans-serif;
    z-index; -5;
}*/

.alt2 {
    background:#333;
    min-height:150px;
}
.nav {
    margin: 14, 0;
}
.navbar-brand {
    color: #FFFFFF;
}
.navbar-brand2 {
    color: #000105;
    position: centered;
}
#brand-image {
    height: 24px;
}
.navbar p a i {
    color: #23a1ef";
}
.site-footer {
    background-color: #000000;
    color: #fff;
    margin-top: 30px;
    padding-top: 30px;
    position: fixed-bottom;
}
.site-footer p a i {
    width: 90px;
    padding: 16px 0;
    display: block;
    color: #fff;
}
a {
    color: #fff;
    text-decoration: none;
}
article p a i {
    margin:0;
    padding:0;
}
form {
    margin:0 auto;
    color: #000000;
  }

@media screen and (max-width:959){
    #content2{
        width:100%;
        position:relative;
        top:260px;
        background:#FFFFFF;
        color:#63686b;
        height:600px;
        margin:0px auto;
        left:0;
        padding:0;
    }
    .container2{
       height:600px;
       padding:0;
       width:90%;
       position:relative;
       display:block;
       text-align:left;
       margin:0px auto;
       color=#63686b;
    }
}
@media screen and (max-width:640px){
    #content2{
        width:100%;
        position:relative;
        top:260px;
        background:#FFFFFF;
        color:#63686b;
        height:100px;
        margin:0;
        left:0;
        padding:0;
    }
    .container2{
       height:100px;
       padding:0;
       width:100%;
       position:relative;
       display:block;
       text-align:left;
       margin:0px auto;
       color=#63686b;
    }
}
@media screen and (max-width:320px){
    #content2{
        width:100%;
        position:relative;
        top:0px;
        background:#FFFFFF;
        color:#63686b;
        height:50px;
        margin:0px auto;
        left:0;
        padding:0;
    }
    .container2{
       width:100%;
       height:50px;
       padding:0;
       top:0;
       position:relative;
       display:block;
       text-align:left;
       margin:0px auto;
       color=#63686b;
    }
    section{
       font-size:12px;
    }
}