/*GLOBAL STYLING*/
h1, h2 {
    font-family: 'Quicksand', sans-serif;
}
p, li, span {
    font-family: 'Open Sans', sans-serif;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.6rem;    
}
li {
    list-style: none;
}
/*NAVBAR*/
.navbar-inverse {
	background-color: #d8297b;
}
/*CONTENT*/
.content a {
    color: #d8297b;
    font-size: 1.8rem;  
}
.product-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.product-list li {
    flex-basis: 100%;
}
span.linkdescr {
	display: block;
	padding-bottom: 1rem;
}
.logo::before {
    content:'';
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background-repeat: no-repeat;
    position: relative;
}
.icon-aes::before {
    background-image: url(/_static/svg/aes_logo.svg);
    right: 8px;
    top: 15px;
}
.icon-bibliotheca::before {
    background-image: url(/_static/svg/bibliotheca_logo.svg);
    background-size: 3.2rem;
    right: 2px;
    top: 22px;
}
.icon-delib::before {
    background-image: url(/_static/svg/delib_logo.svg);
    max-width: 3.3rem;
    right: 7px;
    top: 19px;
}
.icon-docs::before {
    background-image: url(/_static/svg/ged_logo.svg);
    left: 2px;
    top: 7px;
}
.icon-gpec::before {
    background-image: url(/_static/svg/gpec_logo.svg);
    right: 5px;
    top: 8px;
}
.icon-ideabox::before {
    background-image: url(/_static/svg/ideabox_logo.svg);
    right: 6px;
    top: 12px;
}
.icon-jira::before {
    background-image: url(/_static/svg/jira_logo.svg);
    background-size: 3.2rem;
    right: 6px;
    top: 16px;
}
.icon-pst::before {
    background-image: url(/_static/svg/pst_logo.svg);
    max-width: 3.8rem;
    right: 8px;
    top: 9px;
}
.icon-web::before {
    background-image: url(/_static/svg/web_logo.svg);
    right: 6px;
    top: 10px;
}
.icon-tech::before {
    background-image: url(/_static/svg/tech_logo.svg);
    right: 6px;
    top: 16px;
}
.icon-ts::before {
    background-image: url(/_static/svg/ts_logo.svg);
    max-width: 3.5rem;
    right: 6px;
    top: 16px;
}
.icon-urban::before {
    background-image: url(/_static/svg/urban_logo.svg);
    max-width: 3.6rem;
    right: 6px;
    top: 4px;
}

/*RESPONSIVE*/
@media only screen and (min-width: 600px) {
    h1 {
        font-size: 2.6rem;
    }
    h2 {
        font-size: 2rem;    
    }
    .product-list li {
        flex-basis: 50%;
    }
}
/*Hide menu on desktop*/
@media only screen and (min-width: 760px) {
    .dropdown.globaltoc-container {
        display: none;
    }
}