/* Phone mobile Banner */
@media screen and ((max-width: 500px)) {
    #About-Us-Top-Banner-Container{
        display: none
    }
  
    #About-Us-Top-Banner-Container img {
        width: 100%;
        height: auto;
    }
  
    #Responsive-Tab-About-Us-Top-Banner-Container {
        display: none;
    }
  
    #Responsive-Phone-About-Us-Top-Banner-Container {
        display: flex;
        flex-direction: column;
        flex-flow: column;
  
        width: 100%;
        height: auto;
  
        justify-content: center;
        align-items: center;
    }
  
    #Responsive-Phone-About-Us-Top-Banner-Container img {
        width: 100%;
        height: auto; 
    }
  }
  
  /* Mobile Tab Banner */
  @media screen and ((max-width: 834px) and (min-width: 500px)) {
    #About-Us-Top-Banner-Container{
        display: none;
    }
  
    #About-Us-Top-Banner-Container img {
        width: 100%;
        height: auto;
    }
  
    #Responsive-Tab-About-Us-Top-Banner-Container {
        display: flex;
        flex-direction: column;
        flex-flow: column;
  
        width: 100%;
        height: auto;
  
        justify-content: center;
        align-items: center;
    }
  
    #Responsive-Tab-About-Us-Top-Banner-Container img {
        width: 100%;
        height: auto; 
    }
  
    #Responsive-Phone-About-Us-Top-Banner-Container {
      display: none;
    } 
  
  }
  
  /* Desktop Banner */
  @media screen and (min-width: 834px) {
    #About-Us-Top-Banner-Container{
        display: flex;
        flex-direction: column;
        flex-flow: column;
  
        width: 100%;
        height: auto;
  
        justify-content: center;
        align-items: center;
    }
  
    #About-Us-Top-Banner-Container img {
      width: 100%;
      height: auto;
    }
  
    #Responsive-Tab-About-Us-Top-Banner-Container {
        display: none;
    }
  
  
    #Responsive-Phone-About-Us-Top-Banner-Container {
        display: none
    }
  
    #Responsive-Phone-About-Us-Top-Banner-Container img {
        width: 100%;
        height: auto; 
    }
  
    #Responsive_Phone_Contato_Page_Thumb_Img_Container {
      display: none;
    }
  
  }
  
  /* Page css */
@media screen and (max-width: 1115px) {

    /* Page Global Definitions */

    #About-Us-GlobalContainer {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: auto;

        align-items: center;
        justify-content: flex-start;

    }

    /* Page Abut Us Text Section */

    #About-Us-Midle-Text-Section-Container{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 95%;
        height: auto;

        margin-top: 50px;

        align-items: center;
        justify-content: center;
    }

    #About-Us-Midle-Text-Section-Align-Container {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: auto;

        align-items: center;
        justify-content: center;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: auto;
        
        align-items: center;
        justify-content: center;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Text {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 90%;
        height: auto;

        align-items: center;
        justify-content: center;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Text p {
        text-indent: 18px;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Fundador{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: auto;

        margin-top: 50px;

        align-items: center;
        justify-content: flex-end;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Fundador img {
        width: 60%;
    }

    #About-Us-Midle-Text-Section-Second-Sub-Container{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 80%;
        height: auto;

        margin-top: 130px;

        align-items: center;
        justify-content: flex-start;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Missão {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 96%;
        height: 350px;


        align-items: center;
        justify-content: center;  

        background-color: aliceblue;

    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Missão h1 {
        color: black;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Missão p {
        color: black;
        text-align: center;
    }


    #About-Us-Midle-Text-Section-First-Sub-Container-Mascot {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 80%;
        height: auto;

        align-items: center;
        justify-content: center; 
        
        margin-top: 130px;
        margin-bottom: 100px;
   
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Mascot img {
        width: 60%;

    }
}



@media screen and (min-width: 1115px) {

    /* Page Global Definitions */

    #About-Us-GlobalContainer {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: 1380px;

        align-items: flex-start;
        justify-content: flex-start;

    }


    /* Page Abut Us Text Section */

    #About-Us-Midle-Text-Section-Container{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: 1380px;

        align-items: center;
        justify-content: center;
    }

    #About-Us-Midle-Text-Section-Align-Container {
        display: flex;
        flex-direction: row;
        flex-flow: row;

        width: 850px;
        height: 800px;

        align-items: center;
        justify-content: center;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 55%;
        height: 800px;

        align-items: flex-start;
        justify-content: flex-start;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Text {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: 670px;

        align-items: flex-start;
        justify-content: flex-start;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Text p {
        text-indent: 18px;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Fundador{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: 150px;

        margin-top: 50px;

        align-items: flex-start;
        justify-content: flex-end;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Fundador img {
        width: 60%;
    }

    #About-Us-Midle-Text-Section-Second-Sub-Container{
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 45%;
        height: 100%;

        align-items: center;
        justify-content: flex-start;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Missão {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 250px;
        height: 350px;

        align-items: center;
        justify-content: center;  

        background-color: aliceblue;

    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Missão h1 {
        color: black;
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Missão p {
        color: black;
        text-align: center;
    }


    #About-Us-Midle-Text-Section-First-Sub-Container-Mascot {
        display: flex;
        flex-direction: column;
        flex-flow: column;

        width: 100%;
        height: 45%;

        align-items: center;
        justify-content: center; 
    }

    #About-Us-Midle-Text-Section-First-Sub-Container-Mascot img {
        width: 60%;

    }
}