/**********************/
/**      showas      **/
/**********************/

/*box*/

.box .item-content{
height: 17.05rem;
}

.box .title{
max-height: 11.7rem;
}

.box .bl {
display: none;
}

.box .thumbnail i:only-child::before {
font-size: 5.6rem;
line-height: 11.16rem;
}

/*smallbox*/

.smallbox .item-content{
height: 11.16rem;
}

.smallbox .thumbnail{
margin:0;
}

.smallbox .left-small {
left: 4rem;
}

.smallbox .left-medium{
left:11.16rem;
}

.phone .smallbox .item-content {
height: 8.27rem;
}

.phone .smallbox .thumbnail {
width: 8.27rem;
height: 8.27rem;
}

.phone .smallbox .left-medium {
left: 8.27rem;	
}

.phone .smallbox .title {
padding: 0 1rem;
}

/*microbox*/
.microbox .item-content {
height: 8.2rem;
}

.microbox .thumbnail {
width: 8.2rem;
height: 8.2rem;
}

.microbox .thumbnail i:only-child::before{
font-size: 4.6rem;
line-height: 8.2rem;
}

.microbox .left-medium {
left: 8.2rem;
}

/*bigbox*/

.bigbox .item-content{
width: 70rem;
height: 34.7rem;
}

.bigbox .left-medium{
left:0;
}

.bigbox .thumbnail {
margin: 0;
}

.bigbox .thumbnail img {
width: 100%!important;
height: auto!important;
}

.bigbox .thumbnail i:only-child::before{
font-size: 4rem;
line-height: 6rem;
width: 6rem;
height: 6rem;
}

.bigbox .imgsX4 img {
width: 17.5rem!important;
height: 34.7rem!important;
}

.bigbox .imgsX9 img {
width: 17.5rem!important;
height: 17.7rem!important;
}


.bigbox .title {
top: auto;
bottom: 0;
padding: 2rem 1rem 4rem 1rem;
width: 100%;
}

.phone .bigbox .item-content {
width: 32.5rem;
}

.phone .bigbox .thumbnail img {
width: auto!important;
height: 100%!important;
}


/*square*/

.square .item-content{
height: 34.7rem;
}

.square .thumbnail{
margin:0;
}

.square .thumbnail i:only-child::before {
font-size: 4rem;
width: 6rem;
height: 6rem;
line-height: 6rem;
left: auto;
right: 0;
}

.square .imgsX4 img {
width: 17.3rem!important;
height: 17.3rem!important;
}

.square .imgsX9 img {
width: 11.5rem!important;
height: 11.5rem!important;
}

.square .left-medium{
left: 0;
}

.square .title{
top: auto;
bottom: 0;
max-height: 100%;
overflow: hidden;
padding: 2rem 1rem 4rem 1rem;
width: 100%;
}

.square .tl,
.square .bl,
.square .tr,
.square .br{
margin: 1rem;	
}

.square .custom_h1,
.square .custom_h2{
width: 70%;
}

.phone .square .item-content {
width: 15.95rem;
height: 15.95rem;
}

.phone .square .title .custom-h1{
font-size: 1.6em;
line-height: 1.3;	
}

.phone .square .imgsX4 img {
width: 16.2rem!important;
height: 16.2rem!important;
}

.phone .square .imgsX9 img {
width: 3.98rem!important;
height: 3.98rem!important;
}

/*smallsquare*/
.smallsquare .item-content{
width: 17.05rem;
height: 17.05rem;
}

.smallsquare .title{
padding: 1rem;
}

.smallsquare .custom_h1,
.smallsquare .custom_h2{
width: 100%;
}

.smallsquare .thumbnail {
width: 40%;
height: 40%;
right: 1rem;
top: 1rem;
left: initial;
}

.smallsquare .livecard .thumbnail {
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.smallsquare ~.final-btn .btn_box_fixed{
width: 17.05rem;
}

.smallsquare .imgsX4 img ,
.smallsquare .imgsX9 img {
width: 100%!important;
height: auto!important;
}

/*microsquare*/
.microsquare .item-content,
.phone .microsquare .item-content {
width: 8.2rem;
height: 8.2rem;
}

.microsquare .title {
margin: 0;
padding: 2rem 0.6rem;
box-sizing: border-box;
}

.microsquare h1 {
position: absolute;
bottom: 0;
}

/*big_square*/
.bigsquare .item-content{
width: 70rem;
height: 70rem;
}

.bigsquare .imgsX9 img {
width: 23.3rem!important;
height: 23.3rem!important;
}

.bigsquare .imgsX4 img {
width: 35rem!important;
height: 35rem!important;
}


.bigsquare .title {
padding: 4rem 2rem 5rem 2rem;
}

.bigsquare .tl,
.bigsquare .bl,
.bigsquare .tr,
.bigsquare .br{
margin: 2rem;
}

.bigsquare .bl {
display: none;
}

.phone .bigsquare .item-content {
width: 32.5rem;
height: 32.5rem;
}

.phone .bigsquare .imgsX9 img {
width: 10.83rem!important;
height: 10.83rem!important;
}

.phone .bigsquare .title {
padding: 2rem 1rem 4rem 1rem;
}

.phone .bigsquare .tl, 
.phone .bigsquare .bl, 
.phone .bigsquare .tr, 
.phone .bigsquare .br {
margin: 1rem;
}

/* gallery */

.gallery .thumbnail {
margin: 0;
}

.gallery .gallery-items {
width: 100%;
height: 100%;
position: relative;
}

.singular .showas-gallery .items {
height: 100%!important;
}

.gallery-item {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
z-index: 1;
}

.gallery-item.slidein {
opacity: 1;
-ms-transform: translateY(0); /* IE 9 */
-webkit-transform: translateY(0); /* Chrome, Safari, Opera */
transform: translateY(0);
-webkit-transition: all 0.3s cubic-bezier(.03,.93,.43,.77);
-moz-transition: all 0.3s cubic-bezier(.03,.93,.43,.77);
-o-transition: all 0.3s cubic-bezier(.03,.93,.43,.77);
transition: all 0.3s cubic-bezier(.03,.93,.43,.77);
z-index: 2;
}

.gallery-item.prev {
-ms-transform: translateY(-50px); /* IE 9 */
-webkit-transform: translateY(-50px); /* Chrome, Safari, Opera */
transform: translateY(-50px);
}

.gallery-item.next{
-ms-transform: translateY(50px); /* IE 9 */
-webkit-transform: translateY(50px); /* Chrome, Safari, Opera */
transform: translateY(50px);
}

.gallery .thumbnail_info, .btn.thumbinfo {
display: block;
position: absolute;
bottom: -1rem;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
margin: 0 auto;
width: 100%;
background: rgba(0,0,0,0.8);
padding: 2rem;
min-width: 32rem;
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}

.gallery .thumbnail_info.active {
opacity: 1;
bottom: 0;
}

.gallery .thumb_caption {
margin-bottom: 1rem;
}

.gallery .btn_thumbnail_info {
border: none;
font-size: 3rem;
z-index: 5!important;
}

.portrait .showas-gallery .items {
height: 70.6rem;
}

.phone .showas-gallery .items {
height: 33.1rem;
}

.phone .gallery .thumbnail_info.active {
bottom: auto;
top: 2rem;
width: 4rem;
padding: 2rem;
left: 0;
}

/* Cover */
.showas-cover .section-header {
display: none;
}

.showas-cover .items {
height: 100%!important;
}

.cover {
height: 100%;
padding: 0;
}

.cover .item-content {
height: 100%;
}

.cover .title {
display: none;
}

.cover .thumbnail {
margin: 0;
}

.cover .thumbnail i.media:before {
bottom: 1rem;
right: 1rem;
}

.cover .cover-img {
background-size: cover;
background-position: bottom;
width: 100%;
height: 100%;
}

.landscape .showas-cover {
height: 100%!important;
margin-left: 0!important;
}

.landscape .cover .item-content {
width: 100rem;
}

.portrait .showas-cover,
.portrait .cover .item-content {
height: 50rem;
}

.phone .showas-cover,
.phone .cover .item-content {
height: 30rem;
}

/*latest*/
.showas-latest .title{
max-height: 100%;
}

.showas-latest .bigbox .custom_h1,
.showas-latest  .bigbox .custom_h2 {
width: 70%;
}

.landscape .latest{
width: 70.6rem;
}
/*
.latest:nth-child(n+2) {
width: 34.7rem;
height: 34.7rem;
}
*/

/* thumbnail_bigsquare */

.thumbnail_bigsquare .item-content.background-default {
background: black;	
}

.thumbnail_bigsquare:hover {
background: transparent;	
}


.thumbnail_bigsquare .thumbnail img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

.single .thumbnail_bigsquare .title {
display: none;
}

/*menubox*/
.menubox .item-content{
height: 11.16rem;
}

.menubox .title {
bottom: 0;
margin: auto;
width: 100%;
}

.phone .menubox .item-content{
width: 10.4rem;
height: 10.4rem;		
}

.phone .menubox .ellipsed {
overflow: initial;
text-overflow: initial;
white-space: inherit;
width: 100%;
white-space: inherit;
}

.phone .menubox .font-size-big {
font-size: 1.6em;
line-height: 1.2;
}

/*micromenu*/
.micromenu .item-content {
height: 8.2rem;
}

/*menurows*/
.menurows .item-content{
height: 5.18rem;
}

.menurows .title{
position: relative;
padding: 0;
bottom: 0;
margin: 0.5rem 1rem;
width: 100%;
}

.phone .menurows .item-content{
width: 10.4rem;
height: 10.4rem;		
}

.phone .menurows .ellipsed {
overflow: initial;
text-overflow: initial;
white-space: inherit;
width: 100%;
white-space: inherit;
}

/*badge*/
.badge .item-content{
height: 11.16rem;
background-color: rgba(0,0,0,0.6);
}

.badge .thumbnail{
margin:0;
}

.badge .text-content {
padding: 1rem;
overflow-x: hidden;
overflow-y: auto;
height: 21rem;
background-color: rgba(0,0,0,0.3);
width: 34.7rem;
height: 23.54rem;
clear: both;
display:block;
}

.badge .custom-excerpt {
font-weight: 600;
}

.badge .text-content p {
margin: 1rem 0;
}

.badge .text-content img{
display:none;
}

.badge .bl{
display:none;
}

.phone .badge .text-content {
width: 32.5rem;
}

/* bigbadge */
.bigbadge .text-content {
height: 58.4rem;
}

.portrait .bigbadge .text-content {
min-height: initial;
height: auto;
}


.phone .bigbadge .item-content, 
.phone .bigbadge .text-content {
width: 32.5rem;
}

.phone .bigbadge .item-content {
height: 10.16rem;
}

.phone .bigbadge .thumbnail {
margin: 1rem;
}

/*bigboxbadge*/
.bigboxbadge{
background-color: rgba(0,0,0,0.05);
}

.bigboxbadge .text-content,
.bigboxbadge .item-content {
background-color: transparent;
}

.landscape .bigboxbadge{
height: 70rem;
height: inherit;
overflow-y: auto;
overflow-x: hidden;
}

.landscape .bigboxbadge .text-content,
.landscape .bigboxbadge .item-content {
width: 69rem;
}

.landscape .bigboxbadge .text-content {
height: auto;
margin-right: 1rem;
}

/* smallbadge */
.smallbadge .item-content {
height: 6rem;
background-color: transparent;
border-bottom: 1px solid #ddd;
}

.smallbadge .text-content {
background-color: transparent;
overflow-y: hidden;
padding: 0.6rem 0;
height: auto;
max-height: 11.05rem;
}

.smallbadge .title {
padding: 2rem 0 0 0;
height: auto;
width: 26rem;
}

.smallbadge .custom-h1 {
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.smallsquarebadge .custom-h2 {
font-size: 1.1em;
color: rgba(255,255,255,0.6);
}

.smallbadge .text-content p{
margin: 0 1rem 0 0;
padding: 0;
/*display:none;*/
height: auto;
width: auto; 
overflow: hidden;
/*white-space: nowrap;*/ 
/*text-overflow: ellipsis;*/
line-height: 1.4;
}

.smallbadge .text-content p.durata{
clear:left;
}

.phone .smallbadge .item-content {
height: 5.29rem;
background-color: transparent;
border-bottom: 1px solid #ddd;
}

.phone .smallbadge .title {
padding: 0 1rem;
width: 24rem;
}


/*smallsquarebadge*/

.smallsquarebadge .text-content,
.smallsquarebadge .item-content {
width: 17.05rem;
height: 17.05rem;
}

.smallsquarebadge .text-content {
background: transparent;
height: 5.7rem;
}

.smallsquarebadge .thumbnail{
width: 100%;
height: 100%;
}

.smallsquarebadge .title {
left: 0;
background-color: rgba(0,0,0,0.8);
bottom: 0;
width: 100%;
top: auto;
padding: 0.3rem 1rem;
z-index: 2;
}

.smallsquarebadge .thumbnail i:only-child::before {
font-size: 6rem;
line-height: 14rem;
}

/* microbadge */


.microbadge .item-content {
height: 8.2rem;
}

.microbadge .background-default {
background-color: rgba(200,200,200,0.4);
}

.microbadge .title {
padding: 1rem;
}

.microbadge .title h1.custom-h1 {
max-height: 4.4rem;
white-space: initial;
overflow: hidden;
}

.microbadge .bl,
.microbadge .br,
.microbadge .tl, 
.microbadge .tr {
margin: 0 0 1rem 1rem;
}

.microbadge .text-content {
background-color: transparent;
height: 8.85rem;
overflow: hidden;
margin: 0;
padding: 0.6rem 0;
line-height: 0.9;
}

.microbadge .text-content p {
margin: 0 1rem 0 0;
padding: 0;
display: inline-block;
height: auto;
width: auto; 
overflow: hidden;
line-height: 1.4;
}

/*showall*/
/*
.showall .font-size-small {
font-size: 16px;
}
*/

.showall {
height: 80rem;
padding:0;
}

.showall .item-content{
width: 42rem;
height: 100%;
overflow: visible;
}

.showall .thumbnail {
width: 42rem;
height: 42rem;
top: 10rem;
bottom: auto;
margin: 0;
background: black;
}

.body_black .showall .thumbnail {
display:none;
}

.showall .thumbnail_info, .btn.thumbinfo {
display: block;
position: absolute;
bottom: -1rem;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
margin: 0 auto;
width: 100%;
background: rgba(0,0,0,0.8);
padding: 2rem;
min-width: 32rem;
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}

.showall .thumbnail_info.active {
opacity: 1;
bottom: 0;
}

.showall .thumb_caption {
margin-bottom: 1rem;
}

.showall .btn_thumbnail_info {
border: none;
font-size: 3rem;
z-index: 5!important;
}

.showall .title {
position:static;
padding: 0 0 1rem 0;
}

.showall .title .btn {
font-size: 3rem;
width: 1.1em;
height: 1.1em;
line-height: 1.2em;
margin: 1.6rem 1rem 0 0;
}

.showall .tl,
.showall .tr,
.showall .br,
.showall .bl {
position:static;
float:left;
margin: 1.2rem 0.6rem 0 0;
}

.showall .tr{
display: block;
}

.showall .bl {
clear: both;
color: #999;
}

.showall .text-content {
display:block;
}

.showall .text-content h1{
min-height: 8rem;
font-weight: 800;
font-size: 2rem;
text-transform: uppercase;
line-height: 1.6em;
margin: 0 0 5.7rem 0;
-webkit-column-break-before: always;
}



/*** Workaround divisione in colonne su firefox: wrap in div.column ***/
.showall .text-content .column {
display:inline-block;
width: 100%;
}

.showall .text-content h2 {
font-weight: 800;
text-transform: uppercase;
margin: 2rem 0 1rem 0;
}

.showall .text-content h3 {
font-weight: 800;
margin: 2rem 0 1rem;
}

.showall .text-content a {
color:darkgoldenrod;
font-weight:600;
}

.showall .text-content ol,
.showall .text-content ul {
list-style: disc outside none;
padding-left: 2rem;
}

.showall .text-content li {
margin-bottom: 2rem;
}

.showall .text-content blockquote {
font-family: georgia;
font-size: 1.1em;
color: #999;
text-align: right;
float: right;
clear: both;
padding: 1rem 0 1rem 6rem;
width: inherit;
}

.showall .text-content form {
width: 42px;
}

.showall .text-content form img{
width:1px!important;
height:1px!important;
}

.showall .text-content .top-margin{
height: 24.3rem; 
}

.showall .text-content h1:first-child {
-webkit-column-break-before: avoid;
}

/* H1 per column break */
.showall .text-content h1:empty {
padding: 0;
margin: 0;
}

.showall .text-content h2:first-of-type {
padding-top: 0;
margin-top: 0;
}

.showall .text-content p {
margin: 0 0 2rem 0;
}

.showall .custom-excerpt {
margin: 0 0 2rem 0;
}

.custom-excerpt:empty {
display: none;
}

.showall .text-content img {
width: 100%!important;
height: auto!important;
}

/** Embed containers: .embed=flickr **/
.showall .text-content .iframe,
.showall .text-content .embed {
position: relative;	
height: 0;
width: 100%;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
background: black;
}

.showall .text-content .embed {
padding-bottom: 101%; 
} 

.showall .text-content .iframe {
margin: 1rem 0;
padding-top: 75%;
}

/** Embed iframes **/

.showall .text-content .iframe iframe,
.showall .text-content .embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}

/* Mostra comando fullscreen */
.showall .text-content .embed .small-ui .imgLinks .il_cta {
display:block!important;
}

/* Workaround Flickr */
/*
.showall .text-content .embed {
max-height: 100%!important;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}

.showall .text-content .embed iframe {
max-height: 100%!important;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
display:block;
}

.showall iframe.flickr-embed-frame {
opacity: 1!important;
display: block;
}
*/

#single_video iframe#video {
width: 100%;
height: 100%;
}

/*dashoboard-filters*/
.dashboard-filters .filters-bar{
display:none;
}

.landscape .dashboard-filters {
width: 85.4rem;
}

.landscape .dashboard-filters .filters-bar{
width: 42.7rem; 
float: left;
height: 100%;
background-color: #666;
position: absolute;
padding: 0 4rem;
display:block;
}

.landscape .dashboard-filters .filters-window {
width: 42.7rem;
height: 100%;
float: left;
position: absolute;
right: 0;
top: 0;
background-color: orangered;
padding: 0 4rem;
}

.landscape .dashboard-filters .filter-window {
position: absolute;
height: 100%;
width: 100%;
transform: translateX(4rem);
opacity: 0;
z-index:0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.landscape .dashboard-filters .filter-window>section{
width: 34.7rem;
}

.landscape .dashboard-filters .filters-bar .btn_box {
margin: 0.3rem 0;
}

.add-arrow:before{
content: "";
width: 4rem;
height: 4rem;
background-color: orangered;
position: absolute;
transform: rotateZ(45deg);
right: -2rem;
padding: 0;
margin: 1rem 0;
line-height: 1rem;
}

.landscape .dashboard-filters [class$="selected"]{
margin: 1rem 0;
float: left;
color: white;
}


/*showall landscape*/

.landscape .showall {
margin-top: 4.4rem;
}


.landscape .single .showall.no-thumbnail .item-content {
width: auto;
height: auto;
float: left;
clear:both;
}

.landscape .showall .title {
width: 84rem;
}

.landscape .showall .thumbnail~ .bl {
width: 84rem;
}

.landscape .showall .text-content{
width: 420px;
height: 100%;
overflow: hidden; /* Enables list style position outer */
padding: 0rem;
margin-left: 4rem;

column-width: 420px;
-moz-column-width: 420px;
-webkit-column-width: 420px;

column-gap: 4rem;
-moz-column-gap: 4rem;
-webkit-column-gap: 4rem;

column-fill: auto;
-webkit-column-fill: auto;
-moz-column-fill: auto;
text-align: left;
float: left;

column-rule: 1px solid rgba(0,0,0,0.1);
-webkit-column-rule: 1px solid rgba(0,0,0,0.1);
-moz-column-rule: 1px solid rgba(0,0,0,0.1);
}

.landscape .showall .text-content .column-break {
break-before: always;	
-webkit-column-break-before: always;	
page-break-before: always;
}

.landscape .single .showall.no-thumbnail .text-content {
margin-top: 4rem;
margin-left: 0;
clear:both;
}

.landscape .showall.no-thumbnail .text-content .top-margin{
display:none;
}

.landscape .page .showall .title {
background-color: #333;
width: 100%;
height: 100%;
padding: 4rem 2rem;
}

.landscape .page .showall .thumbnail {
top: auto;
bottom: 0;
}


.landscape .showall .text-content .map {
width: 420px;
}  

/*showall portrait*/

.portrait .showall {
height: auto;
padding: 0 1rem;
}


.portrait .showall .thumbnail {
position: static;
float: left;
width: 68.6rem;
height: auto;
}

.portrait .showall .title {
position: static;
width: 100%;
float: left;
margin: 1rem 0 0 0;
padding: 0;	
}

.portrait .showall .text-content {
float: left;
margin: 2rem 0 0 0;
}

.portrait .showall .item-content,
.portrait .showall .text-content {
width: 68.6rem;
}

.portrait .showall .top-margin{
display:none;
}


.portrait #single_video {
width: 100%;
height: 50rem;
}

/* phone */

.phone .showall {
padding: 0;
}

.phone .showall .thumbnail {
width: 33.1rem;
height: 33.1rem;
}

.phone .showall .item-content,
.phone .showall .text-content {
width: 33.1rem;
}

/* Showpage */
.showpage.item:hover {
background-color: transparent!important
} 

.showpage .title .btn {
margin: 0.8rem 1rem 0 0;
}

.landscape .showpage .title .btn {
position: absolute;
left: -4.4rem;	
}

.landscape .showpage.item {
width: 42.6rem;
}

.landscape .showpage .item-content {
position: absolute;
height: 9.4rem;
}

.landscape .showpage .item-content .title {
position: static;
padding: 0;
background: transparent;
}

.landscape .showpage .item-content .title h1 {
padding-top: 0;
}

.landscape .showpage .text-content {
margin-left: 0;
}

.landscape .showpage .text-content .top-margin {
display: block!important;
height: 9.4rem;
} 

.landscape .showall .text-content h1:first-of-type{
-webkit-column-break-before: initial;
}


/*Dashboard*/

.dashboard .items {
overflow: hidden;
height: auto;
}

.dashboard>.items>section{
flex: none;
margin-right:4rem;
}

.dashboard .items>section .section-header {
height: 6rem;
position:relative;
}

.dashboard .items>section>.section-header>h2{
position: absolute;
bottom: 0;
line-height: normal;
font-size: 1.8rem;
text-transform: uppercase;
font-weight: bold;
}

.dashboard> .section-header {
    height: 8.4rem;
}

section>.section-header img, 
.dashboard .items>section>.section-header img {
width: auto!important;
height: 4.2rem!important;
float: left;
margin: 0 1rem 0.6rem 0;
position: relative;
top: 0.5rem;
}

.dashboard .items>section>.section-header p {
font-weight: 200;
text-transform: none;
font-size: 0.8em;
}

/*
.landscape .dashboard >.section-header{
height: 8.4rem; 
}
*/
/*
.landscape .dashboard .items>section .section-header  + .items {
margin-top: 0;
}
*/

.portrait .dashboard>.section-header {
margin: 2rem 0 0 0.3rem;
height: auto;
}

.portrait .dashboard>.items>section {
float: left;
height: auto;
margin: 0.3rem 0;
width: 100%;
}

.portrait .dashboard .items>section .section-header {
height: auto;
margin: 6rem 0.6rem 2rem;
float: left;
}