html, html.js { margin-top: 0px !important; }
html body {
    background:#fdfdfd;
}
body.single-integration #primary {
    width:100%;
}
main.integration {
    padding:10px;
    margin:10px;
    border:2px solid lightgrey;
    border-radius:10px;
    background:white;
}
main.integration section {
    margin:20px 0;
}
#integ-top-cont, #integ-videos {
    display:flex;
}
main.integration .one-half {
    flex:50%;
    padding:5px;
    margin-bottom:20px;
}
#integ-videos #integ-video {
    width: 48%;
    flex:initial;
}
section {
    padding:0 20px;
}
section ul {
    left:15px;
    position: relative;
    list-style-type: disc;
}
#integ-img {
    margin-bottom:20px;
    text-align: center;
}
#integ-img img {
    max-width: 100%;
    height: auto;
}
.collapse-head {
    background: #00aeef;
    color:white;
    padding:10px 20px;
    margin:10px 0;
    cursor: pointer;
}
.collapse-head h3 {
    color:white;
    margin-bottom:0;
}

.collapse-head i.closed {
    animation-fill-mode: forwards;
    animation-name: open;
    animation-duration: .5s;
}
.collapse-head i.open {
    animation-fill-mode: forwards;
    animation-name: close;
    animation-duration: .5s;
}
#integ-features {
    margin-top:20px
}
#integ-features ul {
    position: relative;
    display: inline-block;
    list-style: none;
    width: 100%;
}
#integ-features ul li.feature-badge {
    width: 25%;
    padding: 20px;
    position: relative;
    right: 0;
    text-align: right;
    cursor:pointer;
    display: inline-block;
}
#integ-features ul li.feature-badge img {
    width:100%;
}
section#integ-videos {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    border:1px solid lightgrey;
    padding:10px;
    margin:10px 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
div.integ-video {
    width:50%;
}
.integ-ss {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 10px;
    width:175px;
    vertical-align:top;
}
main.integration a button {
    cursor:pointer;
}

@keyframes close { from { transform:rotate(0deg); } to { transform:rotate(90deg); } }
@keyframes open { from { transform:rotate(90deg); } to { transform:rotate(0deg); } }

@media only screen and (max-width: 768px) {
    main.integration .one-half {
        flex:100%;
        float:none;
    }
    #integ-top-cont, #integ-videos {
        display:block; text-align: center;
    }
    section ul {
        text-align:left;
    }
}