#popup {
    width:160px;
    height:80px;
    padding:20px;
    background-color:gray;    
    position:absolute;
    top:100px;
    left:100px;
    display:none;
}


/* --- Body & Nav --- */
.new-has-navbar {
    background: #F2F5F7;
    padding-top: 52px;
}
.new-is-navbar {
    border-bottom: 1px solid #ccc;
}
.new-nav-center {
    margin-left: calc(50% - 144px);
    margin-right: auto;
}


/* --- Footer --- */
footer p {
    margin-bottom: 0.3em !important;
}


/* --- Home page --- */
.new-hero-white {
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.new-hero-spaced-2 {
    padding: 2em 0;
}
.new-hero-container {
    max-width: 1100px;
    margin: 0 auto;
}


/* --- Clickable cards --- */
.new-div-clickable {
    cursor: pointer;
    margin-bottom: 4em;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.new-div-clickable:hover {
    box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.5), 0 0 0 1px rgba(10,10,10,.1);
}
.new-div-clickable:hover .title {
    color: blue;
}
.new-card-project {
    margin-bottom: 4em;
    box-shadow: none;
    border: 1px solid #ccc;
}
.new-visual-card {
    max-width: 1100px;
    margin: 0 auto 4em;
}
.card p {
    font-size: 1.2rem;
}
.card .title {
    margin-bottom: 1.0rem;
    font-size: 2rem;
}
.new-results-card {
    padding-bottom: 5em;
}
.new-card-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}


/* --- Divider ---*/
.new-is-divider {
    background-color: #D0D8DC;
}

/* --- Images --- */
.new-is-profile {
    border: 11px solid #fff !important;
    border-radius: 30px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
}
.new-has-image {
    
}
.new-has-image img {
    border: 1px solid #ccc;
}
.new-has-large-image {
    
}
.new-has-small-image img {
    max-height: 250px;
}


/* --- Video --- */
.new-has-video {
    margin-top: 40px;
}
.new-is-video {
    border: 1px solid #ccc;
}


/* --- Style --- */
.new-has-border {
    border: 1px solid #ccc;
}
.new-no-border {
    border: none!important;
}
.new-is-center {
    text-align: center;
}
.new-has-device {
    position: relative;
    padding-top: 120px;
    margin-bottom: 220px;
}
.new-is-device {
    border: none!important;
    position: absolute;
    width: 503px;
    left: 264px;
    top: -31px;
}

/* --- Typography --- */
.new-font {
    font-family: 'Open Sans', sans-serif;
}
.new-is-spaced-05 {
    margin-bottom: 0.5rem !important;
}
.new-is-spaced-15 {
    margin-bottom: 1.5rem !important;
}
.new-is-spaced-25 {
    margin-bottom: 2.5rem !important;
}
.new-is-gray {
    color: #647C8A;
}
.new-is-gray-2 {
    color: #B2BEC4;
}
.new-has-tags {
    display: none;
}
.new-has-tags .tag {
    margin-right: 4px;
}
.title-lite {
    color: #707070;
}

.list {
    padding-left: 40px;
    padding-top: 10px;
    line-height: 2.5;
    font-size: 1.2rem;
}
.list-dots li {
    list-style-type: disc;
}

@media (max-width: 768px) {
    .video-mobile-2 {
        width: 100%;
        height: 270px;
    }
    .display-mobile-2 {
        display:none;
    }
}
@media (min-width: 769px) {
    .video-desktop-2 {
        width: 1100px;
        height: 600px;
  }
}