.row_full {
    margin-top: 0 !important;
}

.experiment {

}

.experiment h3 {
    color: #444;
    font-size: 1.25em;
    font-weight: bold !important;
}

.experiment #exp-meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1%;
}

.experiment #exp-meta dl {
    margin-bottom: 1em;
}

.experiment #exp-meta dt {
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.experiment #exp-meta dd {
    display: inline-block;
    margin-bottom: .5em;
    margin-right: 3px;
}

.experiment #exp-meta dd a {
    border: 1px solid #66bac0;
    color: #66bac0;
    font-size: 14px;
    padding: 3px 5px;
    text-transform: uppercase;
    transition: 1s;
}

.experiment #exp-meta dd a:hover {
    border-color: orange;
    color: orange;
}


.experiment #featured-image img {
    display: block;
    margin: 1em auto 2em auto;
}

.experiment #intro-obj {
    margin-bottom: -1em;
    margin-top: 30px;
}

.experiment #experiment-video {
    position: relative;
}

.experiment #intro-obj .latex {
    display: block;
    margin: 1em auto;
}

#experiment-products {
    margin: 1em auto;
}

#experiment-product-options .experiment-product-option h4 {
    font-family: Montserrat, sans-serif !important;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
}

#experiment-product-options a {
    border: 1px solid #e1e1e1;
    display: block;
    margin-bottom: 1em;
    transition: 1s;
}

#experiment-product-options a:hover,
#experiment-product-options a:hover img {
    border-color: black;
}

#experiment-product-options img {
    border-bottom: 1px solid #e1e1e1;
    transition: 1s;
}

#experiment-product-options .product-title {
    color: #007377;
    padding: 0.5em;
}

.youtube-video-embed {
    margin-bottom: 2em;
}

.experiment #cta {
    background-color: #eee;
    margin-top: 1em;
    padding: 2em;
}

@media(min-width: 960px) {

    .experiment {
        display: grid;
        grid-template-areas: 'title sidebar'
									'content sidebar'
									'products products'
									'correlations correlations'
									'cta cta';
        grid-template-columns: 55% 45%;
        grid-gap: 1em 5%;
    }

    #title-and-meta		{ grid-area: title; }
    #featured-image		{ grid-area: sidebar; }
    #intro-obj				{ grid-area: content; }
    #experiment-video		{ grid-area: content; }
    #experiment-products { grid-area: products; }
    #correlations			{ grid-area: correlations; }
    #cta						{ grid-area: cta; }

    #experiment-products #experiment-product-options {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 2%;
    }

    .experiment #featured-image img {
        margin-top: 0;
    }

    .experiment #featured-image {
        margin-bottom: 0;
    }

}