/*************************************************/
/*                       Main                    */
/*************************************************/

.main {
  /*padding-top: var(--header-min-height1);*/
  display: flex;
  width: 100%;
  min-height: calc(100vh - var(--header-min-height1) - 370px);
  transition: all 0.2s ease-in-out;
}

/***********************************************/
/*            Different screen sizes           */
/***********************************************/

@media (min-width: 1621px) {
  .main {
    padding-top: var(--header-height-1621);
  }
}

@media only screen and (min-width: 946px) and (max-width: 1620px) {
  .main {
    padding-top: var(--header-height-946-1620);
  }
}

@media only screen and (min-width: 601px) and (max-width: 945px) {
  .main {
    padding-top: var(--header-height-601-945);
  }
}

@media (max-width: 600px) {
  .main {
    padding-top: var(--header-height-600);
  }
}