@charset "UTF-8";
/* CSS Document */

#intro-header {
   /* background-image: url("../images/polka-dots.svg");
    background-repeat: repeat-y;
    padding: 100px 0;*/
    padding-top: 80px;
    background: #fff;
}

#intro-header h1 span {
    display:block;
}

#intro {
    /*background: linear-gradient(90deg,rgba(252, 249, 244, 1) 50%, rgba(0, 0, 0, 1) 100%);
    background-size:  100% 1px;
    background-position: bottom;
    background-repeat: no-repeat;*/
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .2em;
    padding: 50px 0 0;
    background: #fff;
}

@media(min-width: 576px){
    #intro {
        font-size: 20px;
        line-height: 30px;
    }
}

#intro .text {
    padding-bottom: 70px;
}

#line {
    padding-top: 100px;
    border-bottom: 1px solid #000;
}
/*right here*/
#current-investments-header {
    background:#fff;
    color: #000;
    padding: 40px 0;
}

@media(min-width: 576px){
    #current-investments-header {
        padding: 90px 0;
    }
}

#current-investments {
    /*background-image: url("../images/polka-dots-long.svg");
    background-repeat: repeat-y;
    padding: 50px 0 0;*/
    background: #fff;
}

@media(min-width: 576px){
    #current-investments {
        padding: 0 0 0;
    }
}

#current-investments .row {
    padding-bottom: 80px;
}

#current-investments svg{
    margin-bottom: 30px;   
}

@media(max-width: 991px){
    #current-investments h3 {
        margin-top: 50px;
    }
}

#strategic {
    background: #fff;
    border-top: 1px solid #000;
    padding: 100px 0 50px;
}

#strategic h2{
    margin-bottom: 50px;
}

#strategic img, #strategic svg {
    margin: 0 0 50px ;
}

@media(min-width: 768px){
    #strategic img, #strategic svg {
        margin: 0 40px 50px 0 ;
    }
}

@media(min-width: 992px){
    #strategic img, #strategic svg {
        margin: 0 75px 50px 0 ;
    }
}

#additional {
    background: #fff;
    padding: 0 0 100px 0;
}

#additional h2{
    margin-bottom: 40px;
}

#additional img, #additional svg {
    margin: 0 0 50px ;
}

@media(min-width: 768px){
    #additional img, #additional svg {
        margin: 0 40px 50px 0;
    }
}

@media(min-width: 992px){
    #additional img, #additional svg {
        margin: 0 75px 50px 0;
    }
}

.modal img {
    margin-bottom: 40px;
}