section#titolodocente {
    background-color:rgba(102,119,136,.2);
    padding-bottom:0;
  }
  
  section#attivitadocente {
   margin-bottom:5em; 
   padding-top:0;
   min-height:200px;
  }
  
  .iconsquare {
      font-size:1.5em;
      position: relative;
      top: .1em;
      left: -.5em;
  }
  
  
  .subheading {
    background-color:#ba162f;
    font-size:1em;
    line-height:120%;
    padding:.3em 0;
  }
  
  .subheading a {
    color:#FFF;
    font-weight:bold;
    margin-left: -.8em;
  }
  
  .subheading a:hover {
   border-bottom:none; 
    text-decoration:none;
  }
  
  .titolonome {
   font-size:1.3em; 
  }
  
  .nomedocente {
    text-transform: lowercase;
  }
  .nome {
     text-transform: capitalize;
  }                                      
  .cognome {
      text-transform: uppercase;
  }
     
  
  h1 {
     font-size:2.5em;
      line-height:100%;
      font-weight:bold;
      margin-bottom:.5em;
  }
  
  .email {
   margin:20px 0 10px 0; 
  }
  
  
  .corsiattuali {
    color: rgba(102,119,136,1);
    font-weight:bold;
    line-height: 120%;
    margin-bottom: .5em;
  }
  
  .elencocorsi {
      margin-top:.3em;
      margin-bottom: 2em;
  }
  
  .elencocorsi .corso .fas {
      margin-right:.5em;
  }
  .elencocorsi .corso {
      text-indent: -.5em;
      margin-left: 1em;
      line-height: 120%;
        margin-bottom: .5em;
  }
  
  .btn {
   background-color:rgba(102,119,136,.7);
    color:#FFF;
  }
  .btn:hover {
  background-color:rgba(102,119,136,.3);
      color:#FFF;
  }
  .btn.focus, .btn:focus {
      outline: 0;
      box-shadow: none;
  }
  
   
  #attivitadocente p {
      text-indent:0;
      font-size:.8em;
      font-weight: 400;
      line-height: 150%;
  }
  
  main {
     padding-top:0;
  }
  
  .annoattivita {
      text-align:right;
      font-weight:bold;
      color:#999;
  }
  
  
  @media  (max-width: 768px) {
    .annoattivita {
      text-align:left;
      margin-bottom:.5em;
    }
      .annoattivita:empty {
       display:none; 
      }
    
    #attivitadocente p {
        margin-left:25px;
    }
  }
  
  .transp50 {
   opacity:.5;
  }
  
  .panel-menu {
    background-color:rgba(102,119,136,.3);
    margin-top:3em;
  }
  
  .panel-menu ul {
   overflow:hidden; 
  }
  
  
  .panel-menu li {
    background-color:rgba(102,119,136,.7);
      color:#FFF;
    border:none;
    margin-right:1px;
  }
  
  .panel-menu li:hover {
    background-color:rgba(102,119,136,.5);
  }
  
  .panel-menu li.selected {
    background-color:#ba162f;
  }
  
  .panel-section {
    background-color:#FFF;
    min-height: auto;
  }
  
  .sottosezione {
      color:#ba162f;
      font-size:1.5em;
      margin: 1em 0 1em 0;
      font-family: 'DIN', sans-serif;
      font-weight: 600;
      font-style: normal;
      line-height: 100%;
      letter-spacing: -.04em;
      text-rendering: optimizeLegibility;
  }
  
  
  .biografia {
      font-size:1.2em;
  }
  
  @media (max-width:992px) {
      .corsiattuali {
        margin-top: 2em;
      }
  }
  
  
  @media screen and (max-width:768px) {
      .sottosezione {
          margin: .5em 0 .5em 0;
          padding-bottom: .2em;
          border-bottom: 1px solid #ba162f;     
      }
  }
  
  @media (max-width: 576px) {
      header .link-social {
          top: 400px;
          right: 15px;
      }
      .panel-menu {
          font-size: 3.2vw;
      }
      #titolodocente,
       #attivitadocente {
           font-size:.8em; 
      }
      .paginacorsi .btn {
        font-size: 80%;
      }
  
  }
  
  
  @media (max-width: 400px) {
      .titolodocente,
       #attivitadocente {
           font-size:.8em; 
      }
        
  }
  
    
  .fotodocente {
      float: left;
      width: 30%;
  }
  
  .infodocente {
      float:left;
       width:70%;
      padding-left:20px;
  }
  
  .infodocente>div {
     line-height:130%;
     margin-bottom:.5em;
  }