/*MEDIA QUERY PER IL RIDIMENSIONAMENTO DELL'AVATAR DEI COMMENTI DA PARTE DEIGLI STUDENTI*/

.resizeImg
{
  margin:15px;
  height:700px;
}

.secondMenuTxt{
  font-family: 'Montserrat',sans-serif;
  color: white;
  font-weight: 800;
  font-size: 20px;
  text-transform: uppercase;padding-left: 20px;
  padding-right: 20px;
}
.secondMenu{
  background: linear-gradient(180deg, #000000 40%, #000000d1 66%, #00000094 100%);
  width:100%;
  height:60px;
  border-bottom: 2px solid #ff9800;
}
.secondMenuRow{
  position: absolute; 
  width: 96.9%; 
  margin: 15px;
  margin-top: 17px;
  display: flex;
  justify-content: center;
}

.titleContainer{
  background-color: #0000008f;
  color: white;
  padding: 3px;
  padding-top: 10px;
  position: absolute;
  margin-top: 25%;
  left: 60px;
}
.subtitleContainer{
  background-color: #0000008f;
  color: white;
  padding: 6px;
  position: absolute;
  margin-top: 29%;
  left: 60px;
}

.contC{
  
}

  @media only screen and (max-width: 1349px) {

    .resizeImg
    {
      height:600px;
    }
  }
  @media only screen and (max-width: 1349px) {
    .resizeImg
    {
      height:550px;
    }
    .secondMenuTxt{
      font-size: 15px;
    }
  }
  @media only screen and (max-width: 1199px) {
    .resizeImg
    {
      height:480px;
    }
    .secondMenuTxt{
      font-size: 13px;
    }
  }
  @media only screen and (max-width: 979px) {
    .resizeImg
    {
      height:350px;
    }
    .secondMenuTxt{
      font-size: 13px;
    }
  }
  @media only screen and (max-width: 699px) {
    .resizeImg
    {
      height:300px;
    }
  }
  @media only screen and (max-width: 580px) {
    .resizeImg
    {
      height:250px;
    }
    .secondMenuTxt{
      font-size: 13px;
    }
  }
  @media only screen and (max-width: 450px) {
    .resizeImg
    {
      height:200px;
    }
  }

  .topnav {
    overflow: hidden;
    background-color: #2183c3;
    position: relative;
  }
  
  .topnav #myLinks {
    display: none;
  }
  
  .topnav a {
    color: #ffffff;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  
  .topnav a.icon {
    background: #2183c3;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .topnav a:hover {
    background-color: #2183c3;
    color: #ffffff;
  }
  
  .active {
    background-color: #2183c3;
    color: #ffffff;
  }