/*
	landing page
*/
body,
body:not(#type-b) {
    background: none;
    background-color: #fff;
}
body::before {
    background: transparent;
    z-index: -1;
}
#container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#header,
.container {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    float: none;
    clear: both;
}
.container.bottom {
    padding: 0 40px 40px;
}
.container.bottom .text {
    padding: 20px 0;
    margin: 0 15px;
}
.container.bottom .vignettes .item {
    border: 1px solid #d8d8d8;
}
.container.bottom .vignettes .item h2 {
    background-color: #00aeef;
    text-align: center;
}
.container.bottom .vignettes .item h2 a {
    color: #fff;
}
#footer {
    position: relative;
}
.vignettes {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.main-links.vignettes {
    flex-direction: column;
    justify-content: flex-end;
}
.main-links.vignettes .item {
    width: 400px;
    align-self: flex-end;
}
.vignettes .item {
	flex: 1 0 calc(94% / 3);
	margin: 10px 1%
}
.vignettes .item h2 {
	background-color: rgba(255,255,255,0.83);
	text-align: center;
}
.vignettes .item h2 a {
	text-decoration: none;
	padding: 20px 0;
	display: block;
}
.vignettes .item .image {

}
.vignettes .item .image a {
	display: block;
}
.vignettes .item .image img {
	display: block;
	width: 100%;
}
.vignettes .item .description {
	background-color: rgba(255,255,255,0.83);
	text-align: left;
	padding: 10px 20px;
	color: #373636;
}
@media only screen and (max-width: 760px) and (min-width: 0px){
    .main-links.vignettes .item {
        width: 100%;
    }
    .container.bottom .vignettes .item {
        flex: 1 0 100%;
    }
}
/*
html[lang=ar_AR]
*/

html[lang=ar_AR] #logo h1, html[lang=ar_AR] #logo a, html[lang=ar_AR] #logo img {
    float: right;
}
html[lang=ar_AR] #lang {
    left: 20px;
    right: inherit;
}