/* -------------Style page howitworks -------------*/

.howitworks .panel{
    padding-left: 10px;
    padding-right: 10px;
}

.howitworks .num{
  color: #F00;
  font-size: 20px;
  font-weight: 700;
}

.howitworks .image{
    background-size: contain;
    background-repeat: no-repeat;
    margin:10px 0 20px 20px;
}


.howitworks .image-transmitter{
    height: 250px;
    width: 300px;
    background-image: url('Transmitter.png');
}

.howitworks .image-littlenavmap{
    height: 250px;
    width: 500px;
    background-image: url('LittleNavMap.png');
}

.howitworks .image-widget{
    height: 150px;
    width: 350px;
    background-image: url('Widget4.png');
}

.howitworks .image-carte{
    height: 400px;
    width: 700px;
    background-image: url('carte-flyradar1.png');  
}

.howitworks h1{
    padding-top:10px;
    padding-bottom:5px;
    border-bottom:1px solid #555;  
}

.stabilo{
    background: #ffff99;
}

.howitworks .logo{
  width:35px;
  height:35px;
  float:left;
  background-size: contain;
  box-shadow: 0px 0px 5px #777;
  border-radius: 3px;
  margin-right:10px;
}

.howitworks .logo.transmitter {
  background-image:url('logo-transmitter.png');
}

.howitworks .logo.littlenavmap {
  background-image:url('logo-littlenavmap.png');
}