/* ************************************** HEADER ********************************************* */

/* *************************************** TOPO ********************************************** */

/* ************************************** FEATURES ******************************************* */

/* ************************************** RELEASE ******************************************** */

/* ************************************** DOWNLOAD ******************************************* */

/* ************************************** FOOTER ********************************************* */

/* Media query para tela média (1200px) */
@media (min-width: 1200px) {

    /* ************************************** HEADER ********************************************* */

    /* *************************************** TOPO ********************************************** */

    /* ************************************** FEATURES ******************************************* */

    /* ************************************** RELEASE ******************************************** */

    #release 
    .container 
    .row 
    .release-content 
    img {
        position: relative;
        left: 190px;
    }

    /* ************************************* DOWNLOAD ******************************************** */

    /* ************************************** HEADER ********************************************* */

    
}

/* Media query para tela média (1200px - 1600px) */
@media (min-width: 1200px) and (max-width: 1600px) {

    /* ************************************** HEADER ********************************************* */

    /* *************************************** TOPO ********************************************** */

    /* ************************************** FEATURES ******************************************* */

    /* ************************************** RELEASE ******************************************** */

    #release 
    .container 
    .row 
    .release-content 
    img {
        position: relative;
        left: 100px;
    }

    /* ************************************** DOWNLOAD ******************************************* */

    /* ************************************** FOOTER ********************************************* */

    #footer 
    div div 
    a {
      display: inline;
    }

    /* ************************************** FALE CONOSCO **************************************** */

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-email
    .card,

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-whatsapp
    .card
     {
        text-align: center;
    }
}

/* Media query para tela média (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    
    /* ************************************** HEADER ********************************************* */

    /* *************************************** TOPO ********************************************** */

    #topo {
         height: auto; 
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* ************************************** FEATURES ******************************************* */

    #features {
        height: auto;
    }

    #features 
    .container 
    .features-content 
    .features-items 
    .features-item {
        width: auto;
    }

    #features 
    .container 
    .features-content 
    .features-items 
    .features-item {
        margin: 0 10px;
    }

    /* ************************************** RELEASE ******************************************** */

    #release {
        height: auto;
    }

    /* ************************************** DOWNLOAD ******************************************* */

    #download {
        height: auto;
    }

    /* ************************************** FOOTER ********************************************* */

    /* ************************************** FALE CONOSCO ************************************** */

    .fale-conosco-items {
        display: flex;
        /* flex-direction: column; */
    }

    .fale-conosco-items .fale-conosco-e-ou {
        text-align: center;
        padding: 20px 0 10px;
    }

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-email
    .card,

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-whatsapp
    .card
     {
        text-align: center;
    }   
}

/* Media query para tela pequena (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {

    /* ************************************** HEADER ********************************************* */

    /* *************************************** TOPO ********************************************** */

    #topo {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 50px 0 0 0;
    }

    .topo-content-items {
        display: flex;
        flex-direction: column;
        margin: 50px 0;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-text {
        text-align: center;
    }

    /* ************************************** FEATURES ******************************************* */

    #features {
        background: linear-gradient(45deg, #e35d6a, #f13f50) !important;
        height: auto;
        display: flex;
        align-items: center;
    }

    #features 
    .container 
    .features-content 
    .features-items {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #features 
    .container 
    .features-content 
    .features-items 
    .features-item {
        margin-bottom: 20px;
    }

    /* ************************************** RELEASE ******************************************** */

    #release
    .container
    .release-content
    img {
        display: none;
    }

    /* ************************************** FALE CONOSCO *************************************** */
    
    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-email
    .card,

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-whatsapp
    .card
     {
        text-align: center;
    }    
}

/* Media query para dispositivos móveis (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {

    /* ************************************** HEADER ********************************************* */

    /* *************************************** TOPO ********************************************** */

    #topo
    .container
    .topo-content-items
    .topo-item-image {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #topo
    .container
    .topo-content-items
    .item-image img {
        width: 400px;
    }

    /* ************************************** FEATURES ******************************************* */

    /* ************************************** RELEASE ******************************************** */

    .release-content 
    img {
        display: none;
    }

    #release 
    .container 
    .row 
    .release-content 
    div div {
        text-align: center;
    }

    /* ************************************** HEADER ********************************************* */

    .navbar-toggler {
        color: gray; 
    }

    /* ************************************ FALE CONOSCO ***************************************** */
    
    .fale-conosco-items {
        display: flex;
        flex-direction: column;
    }

    .fale-conosco-items .fale-conosco-e-ou {
        text-align: center;
        padding: 20px 0 10px;
    }

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-email
    .card,

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-whatsapp
    .card
     {
        text-align: center;
    }    
}

/* Media query para dispositivos móveis (450px - 575px) */
@media (min-width: 390px) and (max-width: 575px) {

    section {
        padding: 0 10px;
    }

    /* ************************************** HEADER ********************************************* */

    #header 
    nav .container
    div ul li 
    .btn-header-download {
        margin-left: 0 !important;
    }

    /* *************************************** TOPO ********************************************** */

    .topo-content-items {
        display: flex;
        flex-direction: column !important;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-text {
        text-align: center;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-image {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-image img {
        width: 400px !important;
    }


    /* ************************************** FEATURES ******************************************* */

    #features {
     height: auto; 
}

    .features-items {
        display: flex;
        flex-direction: column;
    }

    #features 
    .container 
    .features-content 
    .features-items {
    display: flex;
    align-items: center;
    }

    #features 
    .container 
    .features-content 
    .features-items 
    .features-item {
        margin-bottom: 20px;
    }

    /* ************************************** RELEASE ******************************************** */

    .release-content img {
        display: none;
    }

    #release 
    .container .row 
    .release-content 
    div div {
        text-align: center;
    }

    /* ************************************** DOWNLOAD ******************************************* */

    /* ************************************** FOOTER ********************************************* */

    #footer 
    div div 
    p {
        margin-bottom: 0;
    }

    .btn-apresentation {
        width: 250px;
    }

    /* *********************************** FALE CONOSCO ****************************************** */
    
    .fale-conosco-items {
        display: flex;
        flex-direction: column;
    }

    .fale-conosco-items 
    .fale-conosco-e-ou {
        text-align: center;
        padding: 20px 0 10px;
    }

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-email
    .card,

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-whatsapp
    .card
     {
        text-align: center;
    }
}

/* Media query para dispositivos móveis (375px - 389px) */
@media (min-width: 375px) and (max-width: 389px) {

    /* ************************************** HEADER ********************************************* */

    #header nav div 
    #navbarSupportedContent 
    ul li .btn-header-download {
        margin-left: 0 !important;
    }

    .bg-transparent {
        background-color: rgba(0, 0, 0, 0.5) !important;
        background-color: #FFFF !important; 
        backdrop-filter: blur(20px);
    }

    /* *************************************** TOPO ********************************************** */
    
    .topo-content-items {
        display: flex;
        flex-direction: column !important;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-text {
        text-align: center;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-image img {
        width: 350px !important;
    }

    /* ************************************** FEATURES ******************************************* */

    

    #features {
        height: auto;
    }

    #features 
    .container 
    .features-content 
    .features-items {
        display: flex;
        flex-direction: column;
    }

    #features
    .container
    .features-content
    .features-items
    .features-item {
        margin-bottom: 20px;
    }

    /* ************************************** RELEASE ******************************************** */

    .btn-apresentation {
        width: 250px;
    }

    .release-content 
    img {
        display: none;
    }

    #release 
    .container 
    .row 
    .release-content 
    div div {
        text-align: center;
    }    

    /* ************************************** DOWNLOAD ******************************************* */

    /* ************************************** FOOTER ********************************************* */

    #footer div div p {
        margin-bottom: 0;
    }     

    /* ************************************** FALE CONOSCO *************************************** */
    
    .fale-conosco-items {
        display: flex;
        flex-direction: column;
    }

    .fale-conosco-items .fale-conosco-e-ou {
        text-align: center;
        padding: 20px 0 10px;
    }

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-email
    .card,

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-whatsapp
    .card
     {
        text-align: center;
    }
}

/* Media query para dispositivos móveis (335px - 374px) */
@media (min-width: 335px) and (max-width: 374px) {

    /* ************************************** HEADER ********************************************* */

    #header 
    nav div 
    #navbarSupportedContent 
    ul li 
    .btn-header-download {
        margin-left: 0 !important;
    }

    .bg-transparent {
        background-color: rgba(0, 0, 0, 0.5) !important;
        /* background-color: transparent !important; */
        backdrop-filter: blur(10px);
    }

    /* *************************************** TOPO ********************************************** */
    
    .topo-content-items {
        display: flex;
        flex-direction: column !important;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-text {
        text-align: center;
    }

    /* ************************************** FEATURES ******************************************* */

    #features {
        height: auto;
    }

    #features 
    .container 
    .features-content 
    .features-items {
        display: flex;
        flex-direction: column;
    }

    #features 
    .container 
    .features-content 
    .features-items
    .features-item {
        margin-bottom: 20px;
    }

    #topo
    .container
    .topo-content-items
    .topo-item-image img {
        width: 350px !important;
    }

    /* ************************************** RELEASE ******************************************** */

    .release-content 
    img {
        display: none;
    }

    #release 
    .container 
    .row 
    .release-content 
    div div {
        text-align: center;
    }

    /* ************************************** DOWNLOAD ******************************************* */

    /* ************************************** FOOTER ********************************************* */

    #footer div div p {
        margin-bottom: 0;
    }

    .btn-apresentation {
        width: 250px;
    }

    /* *********************************** FALE CONOSCO ******************************************* */
    
    .fale-conosco-items {
        display: flex;
        flex-direction: column;
    }

    .fale-conosco-items .fale-conosco-e-ou {
        text-align: center;
        padding: 20px 0 10px;
    }

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-email
    .card,

    #fale-conosco
    .container
    .fale-conosco-items
    .fale-conosco-whatsapp
    .card
     {
        text-align: center;
    }
}

/* Media query para dispositivos móveis (335px) */
@media (max-width: 335px) {
    
    /* ****************************************** HEADER *********************************************** */

    .bg-transparent {
        background-color: rgba(0, 0, 0, 0.5) !important;
        /* background-color: transparent !important; */
        backdrop-filter: blur(10px);
    }

    /* ************************************** FALE CONOSCO ********************************************* */

    .fale-conosco-items {
        display: flex;
        flex-direction: column;
    }

    .fale-conosco-items 
    .fale-conosco-e-ou {
        text-align: center;
        padding: 20px 0 10px;
    }
}