section{  
    background-color: #88dfdf;
    margin-top: 8vh;
}
section > img{
    margin-left: 12%;
    width: 5%;
    height: 5%;
    vertical-align: middle;
}
#smart > img{
    width: 6.5%;
    margin-left: 11%;
}
.desc{
    font-size: x-large;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    color: black;
}
@media (max-width: 500px) {
    section{ 
        margin-top: 9vh;
    }
    section > img{
        width: 18%;
        margin: auto;
        vertical-align: middle;
    }
    #smart > img{
        width: 19%;
        height: 50%;
        margin: auto;
    }
}
@media (min-width: 501px) and (max-width: 1200px) {
   section{ 
        margin-top: 10vh;
        height: 100%;
    }
    section > img{
        width: 15%;
        margin: 2.25%;
        vertical-align: middle;

    }
    #smart > img{
        width: 19%;
        margin: auto;
    }
}