*,a,
::before,
::after {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          text-decoration: none; color: inherit;
         }


body {background-color: hsl(0, 81%, 65%);
      font-family: Montserrat, Helvetica, sans-serif;
     }

#bgtaxi {width: 100%;
          height: 200px; 
          background-image: url(images/IMG_2942.jpeg);
          background-position: center;
          background-size: cover;         
          background-repeat: no-repeat;
         }

#logotaxiMiguel {min-width: 260px;
                 width: 500px;
                 position: absolute;
                 top: 50%;
                 left: 50%;
                 transform: translate(-50%, -50%);                
                 color: #c4cad3;
                }

.nowrap {white-space: nowrap;}                

#logotaxiMiguel > img {margin-bottom: 10px;
                       padding-bottom: 15px;
                       border-bottom: 1px solid #fafafa55;
                      }

p {padding-bottom: 5px;
   font-weight: lighter; color: white;}

#contact {display: flex;
          flex-direction: column;}

#contact > a {background-color: #eadb64;
              padding: 5px;
              color: #142635;
              font-weight: lighter; 
              text-align: center;
             }



#carte {text-align: center;
        margin-top: 20px;}

#carte i:nth-child(5) {margin-top: 20px; 
                       display: block; 
                       background: #0000006a; border-radius: 5px;
                      } 

#carte i:nth-child(5):hover {background-color: #DDD06A;}

#carte > a {margin-top: 20px; 
    display: block;
   } 
   

.cb {display: flex; 
     align-items: center; 
     font-style: normal;
     font-weight: lighter;
     color: white;
     justify-content: flex-start;
     margin-top: 10px;
    }

.cb img {margin-right: 10px;}


/* -----mention legales -------*/

#lesinfostaxi {width: 500px;
    height: auto;
    margin-inline: auto;
    background-color: rgba(2, 10, 26, 0.937);
    text-align: center;
    line-height: 25px;
   }
#lesinfostaxi > img {width: 100%;}
#lesinfostaxi img {padding: 20px;}


@media (max-width: 600px) {
  
#logotaxiMiguel {width: 100%;
                 position: inherit;
                 transform: none;
                 text-align: center;
                 margin-top: 20px;
                }


#carte i {font-size: clamp(15px, 2vw,24px);     padding-left: 15px;}
#contact {text-align: center;}

#bgtaxi {width: 100%;
         height: 200px; 
         background-image: url(images/IMG_2942.jpeg);
         background-position: center;
         background-size: cover;         
         background-repeat: no-repeat;
        }
}