@media only screen and (max-width: 768px) {

html, body {font-size: 1em;}

	
/* Images */

.alignleft, .alignright {float:none; width:100%; margin:15px auto;}
	

/* Structure */

[class*="col-"] {float: left; padding: 30px; width: 100%;}


/* Header */

#header {padding: 0;}
#logo {width:100%; padding: 10px;}
#logo img {height:75px;}


/* Navigation */

#navigation {top:15px; right:15px;}


/* Carousel */

#slider {margin-bottom: 0px;}
.carousel img {min-height: 300px; overflow: hidden; object-fit: cover; object-position: center;}


/* Homepage */

.boxes {width: 100%; text-align:center;}

.large-box-image {width: 100%; height:250px; background-position: top;}
.large-box {width: 100%; display:block; float:left; padding: 30px;}
.large-box h2, .small-box-text h2 {margin-top:0;}

.small-box {width: 100%; display:block; float:left;}
.small-box-text {padding: 30px; align-items:stretch;}
.small-box-image {width: 100%; display:block; background-size:cover; background-repeat:no-repeat; background-position: center; height: 250px;}


/* Content */

.title-block, .text-block, .palmares-block {padding: 30px;}
.image-block {height: 300px;}
.image-frame {position:absolute; top:0; left: 0; height:100%; width:100%; background-image:url(images/nc-frame-mobile.png); background-size:cover; background-repeat:no-repeat; background-position: center;}
	
.infographic-block {padding: 30px; position: relative;}
.infographic-wrap {width: 100%; display:block;}
.infographic {width:100%; padding-top:100%;}
.infographic-text {padding:15px;}
.infographic-text img {max-height:40px;}
	
.highlight {height:245px;}
.highlight-text {padding:15px; font-size:2em;}



/* Sidebar */

.sidebar {padding: 0;}
#twitter-widget-0 {min-width: 0 !important;}


/* Footer */

.gallery {display: block; justify-content: none; align-items: none;}
.gallery img {border: none !important; padding: 10px 30px;}
.gallery-item {width:100% !important;}


/* Tables */

table {font-size:0.85em;}
th, td {padding: 10px;}
th {line-height:1; font-size:1.6em;}
	
}