/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25-feb-2020, 18.38.18
    Author     : davide
*/
#single-page
{
      padding-top: 0;
}
#jt-ded-page
{
      height: 100vh;
      background-color: transparent;
      padding-top: 220px
}
#ctnr-img-int
{
      position: absolute;
      bottom: 80px;
}
#jt-ded-page h1
{
    font-size: 1.6rem;
    text-align: center;
    margin: 50px 0 10px;
    color:#140f2d;
    line-height: 28px;
}
#jt-ded-page h2
{
    font-size: 0.9rem;
    text-align: center;
    color: #5B5B5B;
    font-weight: 400;
    margin-bottom: 5px;
}
#bg-jt-ded
{
      height: 100vh;
      position: absolute;
      right: -300px;
      top: 60px;
      opacity: 0.04;
}
#ill-jt-ded
{
      width: 280px;
      margin: auto;
      display: block;
}
.row-evidence .ill
{
    width: 260px;
    margin-bottom: 30px;
}

@media only screen and (min-width:480px)
{
      #ill-jt-ded
      {
            width: 340px;
      }
      #jt-ded-page h2 
      {
            font-size: 1rem;
            margin-bottom: 5px;
            width: 380px;
            margin: 15px auto 5px auto;
      }
      .row-evidence .ill
      {
          width: 320px;
          margin-bottom: 30px;
      }
}
@media only screen and (min-width:840px)
{
      
      #ill-jt-ded
      {
            width: 400px;
      }
      #jt-ded-page h1 
      {
            font-size: 1.9rem;
      }
      #jt-ded-page h2 
      {
            font-size: 1.2rem;
            margin-bottom: 5px;
            width: 580px;
            margin: 15px auto 5px auto;
      }
      #bg-jt-ded 
      {
            right: -5px;
            top: -70px;
      }
      .row-evidence .ill
      {
          width: 360px;
          margin-bottom: 50px;
      }
}
@media only screen and (min-width:1180px)
{
      #ctnr-img-int
      {
            position: absolute;
            bottom: 130px;
      }
      #ill-jt-ded
      {
            width: 420px;
      }
      #jt-ded-page h1
      {
           margin-top: 60px;
      }
      #bg-jt-ded 
      {
            right: -10px;
            top: -120px;
            width: 1250px;
            height: auto;
      }
      .row-evidence .ill
      {
          width: 420px;
          margin-bottom: 0px;
          margin-right: 0;
          margin-left: auto
      }
}
@media only screen and (min-width:1460px)
{
      #ill-jt-ded 
      {
            width: 520px;
      }
      #jt-ded-page h1 
      {
            font-size: 2.4rem;
            margin-bottom: 20px;
      }
      #jt-ded-page h2 
      {
            font-size: 1.3rem;
            margin-bottom: 5px;
            width: 580px;
            margin: 22px auto 10px auto;
      }
      #bg-jt-ded 
      {
            right: 0px;
            top: -210px;
            width: 1540px;
        }
      .row-evidence .ill
      {
          width: 480px;
          margin-top: 50px
      }
      #ctnr-img-int 
      {
            bottom: 140px;
      }
}
@media only screen and (min-width:1780px)
{
      #ill-jt-ded
      {
            width: 600px;
      }
      #jt-ded-page h1
      {
            font-size: 2.6rem;
            margin-bottom: 20px;
            margin-top: 70px
      }
      #jt-ded-page h2 
      {
            font-size: 1.5rem;
            margin-bottom: 5px;
            width: 640px;
            margin: 28px auto 10px auto;
            line-height: 36px;
      }
      #ctnr-img-int 
      {
            position: absolute;
            bottom: 130px;
      }
      #bg-jt-ded 
      {
            right: -20px;
            top: -130px;
            width: 1500px;
      }
      .row-evidence .ill
      {
          width: 540px;
          margin-top: 50px
      }
}