/* -- For mobile landscape -- */

/* -- For tablet -- */
@media only screen  and (min-width : 768px) {
body.works { padding-top: 12%; }
body { padding-top: 14%; }
.logo { font-family: 'Arimo'; font-size: 1.5em; color: #000; line-height:90px; padding: 0; }
.navbar-fixed-top { min-height: 100px; }
.nav > li > a.it { padding-right:0; }
.nav > li > a.en { padding-left:5px; }
.pagetitle { font-family: 'Raleway'; font-size: 4em; color: #cccccc; font-weight: 200; }
.pagetitlefoto { font-family: 'Raleway'; font-size: 4em; color: #cccccc; font-weight: 200; }
#portfolio .portfolio-item .portfolio-link { padding-bottom:0; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover { height: 100%; }
.operemain .portfolio-hover { height: 100%; }
#itemcontainer { position: relative; height:625px; }
#itemcontent { position: absolute; top:0; left:0; margin-top:50px; }
.worksimage { height:580px; }
.col-sm-8, .col-xs-12 { padding-left: 15px; padding-right: 15px; }
/*p.gridtitleright { padding-left:15px; }*/
.prevnextlinks { list-style-type:none; padding:0; margin-top: 5px; display: inline-block; }
.prevnextlinks > li > a { font-size: 0.9em; letter-spacing: 0.5px; font-family: 'Arimo'; color:#333; }
.prevnextarrows { display: inline-block; color: #333; }
.nextlink { display: inline-block; float: right; }
.prevlink { display: inline-block; float: left; }
/* -- Stampe/Press -- */
#popup {
  position: relative;
  display: block;
}

#popup span {
  display: none;
}

#popup a:hover span {
  display: block;
  position: absolute;
  top: 5%;
  left: 35%;
  width: 50%;
  margin: auto;
}

.bristol {
  position: absolute;
  display: block;
}
#popupit {
  position: relative;
  display: block;
}

#popupit span {
  display: none;
}

#popupit a:hover span {
  display: block;
  position: absolute;
  top: 5%;
  left: 35%;
  width: 50%;
  margin: auto;
}

}
@media only screen and (min-width : 768px) and (orientation : portrait) {
body.works { padding-top: 17%; }
.nav > li > a { padding: 0 10px; }
}

/* -- For small laptop -- */
@media only screen  and (min-width : 1025px) {
body { padding-top: 9%; }
body.works { padding-top: 10%; }
.logo { font-family: 'Arimo'; font-size: 2em; color: #000; line-height:90px;padding: 0; }
.nav > li > a { padding: 0 15px; }
.biopics { padding: 0px; }
}


/* -- For desktop -- */
@media only screen  and (min-width : 1224px) {
body.works { padding-top: 10%; }
.logo { font-family: 'Arimo'; font-size: 3.25em; color: #000; line-height:90px;padding: 0; }
.biopics { padding: 0px !important; }
}

/* -- For big screens! -- */
@media only screen and (min-width: 1500px) {
    body {
        zoom: 1.5 !important;
    }
}