body {
    margin: 0;
    padding: 0;
    background-color: #1c1c1c;

}

header nav div {
    background-color: #1c1c1c;
    
}

#brandName {
    font-family: "Lato";
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-style: normal;
    color: #20CFEF;
    line-height: 1em;
}

li {
    color: #20CFEF;
    font-family: "Lato";
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
    font-weight: 400;
    font-style: normal;
    line-height: 1em;
}


.navbar {
    margin: 0;
}


/* navbar */
.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: white;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #20CFEF;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: green;
    background-color: green;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #1c1c1c;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #1c1c1c;
    color: #20cfef;
}

.navbar-default .navbar-nav .open .dropdown-menu > li{
    background-color: #1c1c1c;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{
    color: white;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
    color: #20cfef;
    background-color: #1c1c1c;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
    color: #20cfef;
}

.picker, #datepicker, #datetimepicker {
    
}

.centered{
    margin: 0 auto;
}

 @media (max-width: 768px) {
     footer {
         height: 350px;
     }  
 }

#startup {
    margin: 0;
    padding: 0;
    background: url("../Imgs/Gradients/green.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    width: 100%;
    height: 300px;
    padding: 120px;
}

#anteprenoriat {
    margin: 0;
    padding: 0;
    background: url("../Imgs/Gradients/red.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    width: 100%;
    height: 300px;
    padding: 120px;
}

#development {
    margin: 0;
    padding: 0;
    background: url("../Imgs/Gradients/purple.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    width: 100%;
    height: 300px;
    padding: 120px;
}

#dotNet {
    margin: 0;
    padding: 0;
    background: url("../Imgs/Gradients/blue.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    width: 100%;
    height: 300px;
    padding: 120px;
}

#training {
    margin: 0;
    padding: 0;
    background: url("../Imgs/Gradients/yellow.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    width: 100%;
    height: 300px;
    padding: 120px;
}

#finantare {
    margin: 0;
    padding: 0;
    background: url("../Imgs/Gradients/orange.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    width: 100%;
    height: 300px;
    padding: 120px;
}

#business {
    margin: 0;
    padding: 0;
    background: url("../Imgs/Gradients/dark gray.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    width: 100%;
    height: 300px;
    padding: 120px;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 50px;
    min-width: 100px;
}

.background ul li{
    color: white;
}

h1 {
    color: #20cfef;
    font-family: monospace;
}

.separator {
    padding: 10px;
}