body{
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
#t0{
    text-align: center;
    color: #1f7096;
    font-weight: bold;
    font-size: 38px;
    font-family: var(--font-medium, sans-serif) ;
    letter-spacing: 1pt; 
    line-height: 48px;
    margin-bottom: 20pt;
    }
#bt1,#bt2,#bt3,#bt4{
    background-color:#1f7096;
    border-color: rgb(68, 68, 68)!important;
    border: 2.5%  solid;
    color:#ffffff;
    font-weight: bold;  
    font-size: 100%;
    position:absolute;
}
#bt1{
    top:90%;
    left: 25%;
    width: 50%;
    height: 6%;
}
#bt2{
    top:90%;
    left: 20%;
    width: 60%;
    height: 5%;
}
#bt3{
    top:80%;
    left: 27.5%;
    width: 45%;
    height: 14%;
}
#bt4{
    top:12%;
    left: 82%;
    width: 15%;
    height: 76%;
    border-radius: 100%;
}

#ta1{
    text-align: center;
    color: #1f7096;
    width: 170pt;
    font-weight: bold;
    font-size: 16pt;
    font-family: varvar(--font-medium, sans-serif) ;
    letter-spacing: .5pt; 
    line-height: 17pt;
     opacity: 100;
    }
    @media print,screen and (min-width: 851px){
        #figa{
            max-width: 30%; 
        }
        #figa2{
            max-width: 23%; 
        }
        #ima2{
            width:85%;
      }
      #arr1{
        left: 12.5%;
        width: 75%;
      }
    }
      @media screen and (max-width: 850px) {
        #figa{
            max-width: 100%; 
        }
        #figa2{
            max-width: 100%; 
        }
        #ima2{
            width:70%;
        }
        #arr1{
            width: 100%;
          }
      }
#figa,#figa2{ 
    height: auto;
    position: relative;
    margin-bottom: 50px;
    }
#ba1{
    text-align: center!important;
    color: black;
    width: 170pt;
    font-size: 12pt;
    font-family: var(--font-medium, sans-serif) ;
    line-height: 14pt;
    letter-spacing: .25pt;
    opacity: 100;
    }
#pp{
    text-align: center;
    color:  #1f7096;
    font-weight: bolder;
    font-size: 12vmin;
    font-family: var(--font-medium, sans-serif) ;
    letter-spacing: 2.5pt; 
    line-height: 11vmin;
    margin-bottom: 10pt;
    }
    #pp2{
        text-align: center;
        color:  white;
        font-weight: bolder;
        font-size: 22pt;
        font-family: var(--font-medium, sans-serif);
        letter-spacing: 1.5pt; 
        line-height: 35pt;
        padding-top: 20pt;
        padding-bottom: 20pt;
        padding-left: 40pt;
        padding-right: 40pt;
        background-color: #1f7096;
        }

#b0{
    text-align: center;
    color: black;
    font-size: 30px;
    font-family: var(--font-medium, sans-serif) ;
    line-height: 38px;
    letter-spacing: 3px; 
  }
#ima1{
    height:auto;
    width:60%;
    opacity: 100;
    }
#ima2{
    height:auto;
    width:80%;
    opacity: 100;
    }
#ima3{
    height:auto;
    width:80%;
    opacity: 100;
    }

#figap{
    width: 200pt; 
    height: 450pt;
    position: relative;
    top: 0pt;
    border:2pt solid rgba(128, 128, 128, 0.656)!important;
    border-radius: 10pt;
    padding-left: 15pt;
    margin-right: 15pt;
    margin-bottom: 20pt;
    padding-top: 15pt;
    background-color: #1f7096c6;
    }
#ta2p{
    text-align: center;
    color: white;
    width: 170pt;
    font-weight: bold;
    font-size: 20pt;
    font-family: var(--font-medium, sans-serif) ;
    letter-spacing: .5pt; 
    line-height: 22pt;
    opacity: 100;
}
#ba2p{
    text-align: center!important;
    color: white;
    width: 170pt;
    font-size: 16pt;
    font-family: var(--font-medium, sans-serif) ;
    line-height: 18pt;
    opacity: 100;
    letter-spacing: .25pt;
}
#ba1p{
    text-align: center!important;
    color: white;
    font-size: 20pt;
    font-family: var(--font-medium, sans-serif);
    line-height: 18pt;
    opacity: 100;
    letter-spacing: .25pt;
}
