.mentor {
    margin-top: 10px;
    margin-bottom: 20px;
}

.sblogo {
    margin-top: 40px;
}

.black-text-hs {
	color: #222;
}

.quote-left {
    background-color: white;
    margin-left: 5%;
    border-radius: 6px;
    margin-right:10%;
}

.quote-right {
    background-color: white;
    border-radius: 6px;
    margin-left: 10%;
    margin-right:5%;
}

.green-text-hs {
	color: #20a260;
}

.green-hs:link {
    color: white;
}

.green-hs {
    background-color:#20a260;
}

.grey-bg{
    background-color: #f5f5f5;
    
}

.offer {
    background-color: #f5f5f5;
    
}

.section.offer {
    padding-top: 2vw;
    padding-bottom: 3vw;
    margin-top: 0vw;
}

.offer p {
    padding-top: 8px;
}
.testimonial {
    background-color: white;
    padding:20px;
    padding-left: 30px;
    border-radius: 10px;
}

.list{
    margin-bottom: 20px;
}
.active a {
    /*border-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-color: #20a260;*/
    background-color:#424242; 
    color: white;
}
.active {
    color: white;
}

.footer a {
    color:white;
}
.section {
    /* minor trick to make the position for #-hashes work nicel */
    padding-top: 6vw;
    padding-bottom: 3vw;
    margin-top: -3vw;
}

body {
    color: #222;
}

.section strong {
    color:#20a260;
}

.faq h5 {
    color: #20a260;
    font-weight: 400;
    font-size: 20px;
}

.faq p {
    font-weight: 300;
    font-size: 14px;
}

.html {
    font-family: Lato;
    font-style: Normal;
    font-weight: 300;
}

h1, h2, h3, h4, h5 {
    font-weight: 300;
}

.section p {
    font-weight: 300;
}

.hs-list {
    list-style-type: disc;
    list-style: disc;
}

.hs-list li{
    list-style-type: disc;
    list-style: disc;
    color:#20a260;
    font-weight: 300;
}

.batch-intro {
    height: 45vh;
    position: relative;
}

.batch-intro > div{
    background: rgba(100, 100, 100, 0.5);
    padding: 1vh 3vw;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.batch-intro h1 {
    font-size: 5vh;
    line-height: 6vh;
}
.batch-intro h2 {
    color: white;
    font-size: 3vh;
    line-height: 4vh;
}

#bg-berlin {
    background: url("/img/berlin-huge.jpg");
    background-size: cover;
    background-position: bottom right;
}

#bg-st {
    background: url("/img/santa-teresa-huge.jpg");
    background-size: cover;
    background-position: bottom right;
}


body.landing .navbar-fixed nav {
    background: rgba(0.0, 0.0, 0.0, 0.2);
    box-shadow: none;
    position: absolute;
}

body.landing .claim {
    padding-bottom: 8vh;
    text-align: center;
    color: white;
}


body.landing .navbar-fixed nav .fadeIn {
    opacity: 0.2;
}

body.landing .intro {
    height: 70vh;
    min-height: 400px;
    background: url("/img/intro-bg.png");
    background-size: cover;
    background-position: bottom center;
    margin-top: -24px;
    display: flex;
    flex-direction: column-reverse;
}


body.landing .intro .btn-large {
    background: rgba(255, 255, 255, 0.2);
/*    border: 2px solid white;*/
   /* box-shadow: none;*/
/*    color: #20a260;*/
}

body.landing .intro .btn-large:hover {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.50), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*body.landing .navbar-fixed nav:hover {
    background: #222;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
*/
body.landing .navbar-fixed nav:hover .fadeIn {
    opacity: 1.0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: rgba(12.5, 63, 35, 0.5);
}