body{
  margin: 0;
}

@font-face {
  font-family: "Metric";
  src:  url('/error_pages/maintenance/fonts/Metric/Metric-regular/Metric-Regular.eot');
  src : url('/error_pages/maintenance/fonts/Metric/Metric-regular/Metric-Regular.eot#iefix') format('embedded-opentype'),
  url('/error_pages/maintenance/fonts/Metric/Metric-regular/Metric-Regular.ttf') format('truetype'),
  url('/error_pages/maintenance/fonts/icomoon/icomoon.ttf') format('truetype'),
  url('/error_pages/maintenance/fonts/icomoon/icomoon.woff') format('woff');
  font-weight: normal;
}

@font-face {
  font-family: "Metric";
  src:  url('/error_pages/maintenance/fonts/Metric/Metric-light/Metric-Light.eot');
  src : url('/error_pages/maintenance/fonts/Metric/Metric-light/Metric-Light.eot#iefix') format('embedded-opentype'),
  url('/error_pages/maintenance/fonts/Metric/Metric-light/Metric-Light.ttf') format('truetype'),
  url('/error_pages/maintenance/fonts/Metric/Metric-light/Metric-Light.ttf') format('truetype'),
  url('/error_pages/maintenance/fonts/Metric/Metric-light/Metric-Light.woff') format('woff');
  font-weight: 100;
}

.wrapper__maintenance{
  background: #1d3649;
  padding: 0;
  margin: 0;
  height: 100vh;
}

.Logo__Img{
  width: 150px;
  margin: 0 auto;
  display: block;
  padding-top: 30px;
}

.Logo__Img path{
  fill: #ffffff;
}

.content{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.maintenance-message{
  color: #ffffff;
  text-align: center;
  font-size: 1.8em;
  font-family: "Metric";
  font-weight: 100;
  display: block;
  width: 100%;
  margin: 30px 0 100px 0;
}

.bike-icon{
  display: block;
  width: 100%;
  height: 200px;
  margin-top: 50px;
}

.bike-icon path{
  fill: #ffffff;
}

.mini-wrapper{
  width: 500px;
  margin: 0 auto;
  display: block;
}

.call__title{
  font-family: "Metric";
  font-weight: 100;
  color: #ffffff;
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.call__country{
  display: flex;
}

.call__country-select{
  background: #2f4559;
  border: 1px solid #738390;
  padding: .25rem;
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.call__country-select__choice{
  background: transparent;
  border: none;
  width: 100%;
  color: #738390;
  font-size: 1em;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  padding: 0 10px;
}

.call__country-select:after{
  content: '';
  position:relative;
  width: 5px;
  height: 5px;
  border-top: 2px solid #f7d82d;
  border-right: 2px solid #f7d82d;
  display: block;
  transform: rotate(135deg);
  right: 5px;
}

.call__country-number{
  width: 50%;
  font-family: "Metric";
  background: #f7d82d;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 12px 0;
}

.information-call{
  display: flex;
  width: 500px;
}

.information-call p{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: calc(50% + 20px);
  font-family: "Metric";
  color: #ffffff;
  font-weight: 100;
}

@media screen and (max-width: 500px){
  .bike-icon{
    max-height: 100px;
  }

  .maintenance-message{
    margin: 30px 0 50px 0;
  }

  .information-call, .mini-wrapper{
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .call__country{
    flex-direction: column;
  }

  .call__country-number, .call__country-select{
    width: 100%;
    margin: 0;
  }

  .call__country-select{
    margin-bottom: 20px;
    display: block;
    height: 50px;
    padding: 0;
  }

  .information-call p{
    margin-left: 0;
    width: 100%;
  }
}