.dpe, .dpe-nano{
    text-align: center;
    margin-bottom : 20px;
}

.dpe h3.dpe-characteristics-title, .dpe-nano h3.dpe-characteristics-title {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #82ABCE;
    font-weight: bold;
    text-transform: uppercase;
}


.dpe span, .dpe-nano span{
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #868686;
}

.iframe-rhinov{
    width : 100%;
    height : 784px;
}

.dpe-nano img{
    width: 65%; 
    height: auto;
}

.dpe img{
    width: 100%; 
    height: auto;
}

.dpe-costs {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #868686;
}

.dpe-performance {
    font-size: 15px;
    line-height: 15px;
    color: #868686;
    text-align: center;
}

.dpe-performance > b{
    font-weight: 700;
}
  
.dpe-performance-a{
    color: #009C6D;
}
  
.dpe-performance-b{
    color: #52B153;
}

.dpe-performance-c{
    color: #78BD76;  
}
  
.dpe-performance-d{
    color: #F4E70F;
}
  
.dpe-performance-e{
    color: #F0B50F;
}
 
.dpe-performance-f{
    color: #EB8235;
}

.dpe-performance-g{
    color: #D7221F;
}


@media screen and (min-width : 321px){
    
    .iframe-rhinov{
        height: 232px;
    }

}

@media screen and (min-width : 376px) and (max-width: 560px){

    .iframe-rhinov{
        height : 237px;
    }
}

@media screen and (min-width: 765px){
    
    .iframe-rhinov{
        height: 254px;
    }

    .dpe-nano{
        margin-bottom : 20px;
    }
    
    .dpe-nano img{
        width: 40%; height: auto;
    }

    .dpe img{
        width: 75%;
        height: auto;
    }

}

@media screen and (min-width: 1274px){
    .iframe-rhinov {
        height: 525px;
    }

    .dpe-nano img, .dpe img{
        width: 50%; 
        height: auto;
    }
   
}