/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .bd-placeholder-img{
        margin-top: 60px;
        max-width: 100%;
        height: 26%;
     }

     .about h1{
         margin-left: 35px;
     }

     .click{
        position: absolute;
        left: -105px;
     }
    
     #myBtnContainer{
         padding: 20px 70px;
        
     }

  
     .esquerda, .meio, .direita{
        position: relative;
        left:-50px;
        padding: 18px;
     }

     .footer-final{
         position: relative;
         left: -10px;
         font-size: 12px;
     }

    
 
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .bd-placeholder-img{
        margin-top: 60px ;
     }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .bd-placeholder-img{
       margin-top: 60px ;
    }
}