/* Mazda Fonts */
@font-face {
  font-family: MazdaType Bold;
  src: url(../fonts/MazdaTypeTT-Bold.woff);
}
@font-face {
  font-family: MazdaType;
  src: url(../fonts/MazdaTypeTT-Regular.woff);
}
@font-face {
  font-family: MazdaType Medium;
  src: url(../fonts/MazdaTypeTT-Medium.woff);
}
body{
    font-family: "MazdaType";
    font-weight: 500;
    margin:0;
    padding:0;
}
.col-mid-50{
    float:left;
    width:50%;
}
.mapiframe{
    width:100%;
    height:100vh;
    background:#e0e0e0;
}
.find-a-dealer-form .fieldLabel{
    font-family: "MazdaType";
    font-weight: 800;
    font-size: 16px;
    text-transform:Uppercase;
    padding: 10px 52px;
    max-width: 120px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 500ms;
    word-break: break-all;
    border-bottom: solid 3px #322f2f;
    margin-bottom: 9px;
 }
.find-a-dealer-form{
    background-color: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
    padding: 62px;
}
.find-a-dealer-form select{
    width:100%;
    padding:10px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    background: #ffffff;
    opacity: 1;
    transition: opacity 150ms ease-in-out;
    color: #101010;
    font-family: "MazdaType";
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    /* font-weight: 700; */
    font-size: 82%;
    font-size: 0.8125rem;
}
.find-a-dealer-form select option{
    font-size:16px;
     padding:10px;
}
.contactinformation{
    padding: 33px;
    margin-top: 67px;
}
.contactinformation ul{
    list-style:none;
}
.contactinformation ul li,.contactinformation .fas, .contactinformation .far{
    color:#4a3c3c;
    padding: 10px;
    text-transform: UPPERCASE;
}
.contactinformation h2{
      font-family: MazdaType Bold;
      font-size: 100%;
      font-size: 1rem;
      line-height: 1.5;
      letter-spacing: 0.01em;
      font-weight: 400;
      font-weight: 500;
      color: #5b4c4c;
      text-transform: UPPERCASE;
}
.contactinformation button{
    padding: 15px;
    background: #232222;
    border-radius: 3px !important;
    color: #fff;
    text-transform: UPPERCASE;
    font-family: MazdaType;
    border: 0;
    font-size: 15px;
    cursor: pointer;
}
.hidden{
    display:none ;
}
.block{
    display:block;
}
@media only screen and (max-width: 768px){
.col-mid-50 {
    float:none;
    width:100%;
}
.hidden{
    display:block !important;
}
.block{
    display:none !important;
}
.find-a-dealer-form {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
    padding: 30px;
}
.contactinformation {
    padding: 33px;
    margin-top: 10px;
}
.mapiframe{
    width:100%;
    height:300px;
    background:#e0e0e0;
}
}