#page-give-classes #container {
  width: 100vw;
  height: 100vh;
}

#page-give-classes .page-header .header-content {
  margin-bottom: 6.4rem;
}

#page-give-classes main {
  background: var(--color-box-base);
  
  width: 100%;
  max-width: 74rem;
  
  border-radius: .8rem;
  margin: -3.2rem auto 3.2rem;
  padding-top: 6.4rem;
}

#page-give-classes fieldset {
  padding: 0 2.4rem;
  border: none;
}

#page-give-classes fieldset legend {
  width: 100%;
  
  font: 700 2.4rem Archivo;
  color: var(--color-text-title);
  
  margin-bottom: 2.4rem;
  padding-bottom: 1.6rem; 
  border-bottom: 1px solid var(--color-line-in-white);
  
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#page-give-classes fieldset legend button {
  background: none;
  
  border: 0;
  
  color: var(--color-primary);
  font: 700 1.6rem Archivo;
  
  cursor: pointer;
  
  transition: .2s;
}

#page-give-classes fieldset legend button:hover {
  color: var(--color-primary-dark);
}

/* O '+' irá aplicar o estilo ao elemento fieldset que, antes dele, tenha outro elemento fieldset (funciona com classes e id's). */
#page-give-classes fieldset+fieldset {
  margin-top: 6.4rem;
}

#page-give-classes .input-block+.input-block,
#page-give-classes .input-block+.textarea-block,
#page-give-classes .select-block+.input-block {
  margin-top: 2.4rem;
}

#page-give-classes main footer {
  background: var(--color-box-footer);

  
  margin-top: 6.4rem;
  border-top: 1px solid var(--color-line-in-white);
  padding: 4rem 2.4rem;
}

#page-give-classes main footer p {
  display: flex;
  align-items: center;
  justify-content: center;
  
  color: var(--color-text-complement);
  font-size: 1.4rem;
  line-height: 2.4rem;
}

#page-give-classes main footer p img {
  margin-right: 2rem;
}

#page-give-classes main footer button {
  width: 100%;
  height: 5.6rem;
  
  background: var(--color-secondary);
  
  color: var(--color-button-text);
  font: 700 1.6rem Archivo;
  text-decoration: none;
  
  margin-top: 3.2rem;
  border: 0;
  border-radius: .8rem;
  
  cursor: pointer;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  transition: .2s;
}

#page-give-classes main footer button:hover {
  background: var(--color-secondary-dark);
}

.schedule-item+.schedule-item {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid var(--color-line-in-white);
}

/* Caso ultrapasse 700px, ele aplica */
@media (min-width: 700px) {
  #page-give-classes #container {
    max-width: 100vw;
  }
  
  #page-give-classes .page-header .header-content {
    margin-bottom: 0;
  }
  
  #page-give-classes main fieldset {
    padding: 0 64px;
  }
  
  .schedule-item {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    column-gap: 1.6rem;
  }
  
  #page-give-classes #schedule-items .select-block+.input-block,
  #page-give-classes #schedule-items .input-block+.input-block {
    margin-top: 0;
  }
  
  #page-give-classes main footer {
    padding: 40px 64px;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  #page-give-classes main footer button {
      width: 200px;
      
      margin-top: 0;
  }
}