/* Description: Description of the file
Create: 2022-05-05
Update: 2022-05-05 17:48:31
Workspace: AntSoftWSPHP
Relative path: vendor\css\media.css
Autor(s): William Costa Rodrigues
Copyright(c) 2022, William Costa Rodrigues
Dependency: Informe the dependencies
*/

/* Add media queries for responsiveness. This will center both the text and the image inside the container-member 
https://www.freecodecamp.org/portuguese/news/tutorial-de-media-queries-do-css-resolucoes-padrao-breakpoints-do-css-e-tamanhos-de-telefone/*/
@media screen and (max-width: 600px) {
    .container-member {
        text-align: center;
    }

    .container-member i {
        margin: auto;
        float: none;
        display: block;
    }

    .dropdown-menu {
        min-width: 5em !important;
        width: auto !important;
        padding: 0.5em !important;
    }

    .bg-head {
        height: 100vh;
        background-position: left;
    }

    .carousel-item {
        height: 15vh !important
    }
}
@media (max-width: 1550px){
    .title, .h1, h1 {font-size:1.5rem !important;}
}
@media only screen and (max-width: 600px) {
    #CarouselBancoImg.carousel-item {
        height: 45vh !important
    }
}
@media all and (min-width: 1368px) {
    .card-height {
        height: 35vh !important;
        min-height: 35vh !important;
    }
    

}
.card-height {
    height: 30vh !important;
    min-height: 30vh !important;
 
}
@media screen and (max-width: 600px) {
    .card-height {
        height: 30vh !important;
        min-height: 30vh !important;
        overflow-y: auto;
    }

}
@media (max-width:980px) {
    .cookieConsentContainer {
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important
    }
}
.w-10 {
    width: 10% !important;
  }
  
  .w-12-5 {
    width: 12.5% !important;
  }
  
  .w-15 {
    width: 15% !important;
  }
  .cursor-move {
    cursor: move;
  }