.masterpiece {
    

}

.masterpiece h2 {
    
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 71px;
    line-height: 121.69%;
    text-align: center;
    color: #FFFFFF;
    margin: 40px auto;
}

.masterpiece .icons-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 500px;
    margin: 0 auto;
}
.masterpiece .icons-wrap > div {
        display: flex;
    align-items: center;
    justify-content: center;
}

.masterpiece h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 121.69%;
    text-align: center;
    color: #FFFFFF;
}
.amoled {
        max-width: 500px;
    margin: 0 auto;
    position: relative;
    bottom: 100px;
}

.amoled span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 121.69%;
    text-align: center;
    color: #A5A5A5;
    margin:15px auto;
    display: block;;
}

.purple-phone img {
    display: block;
    width: 100%;
    max-width: unset;
}

.specs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.specs .top, .specs .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    margin: 20px 0;
}

.specs .top {
    padding: 0 0 17px 0;
    border-bottom: 1px solid #1F1E1E;
}

.single-spec {
       display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; 
    width: calc(100% / 3);
}

.single-spec h4 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 121.69%;
    text-align: center;
    color: #FFFFFF;
}

.single-spec p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 121.69%;
    text-align: center;
    color: #A5A5A5;
}
.phone-upside {
    max-width: unset;
    width: 100%;
    display: block;
}

@media only screen and (max-width: 540px) {
    .masterpiece h2 {
        font-size: 51px;
    }
    .icons-wrap {
        flex-direction: column;   
    }
    .icons-wrap > div {
        margin: 10px 0;
    }
    .specs .top, .specs .bot {
        flex-direction: column;
    }
    .single-spec {
        margin: 10px 0;
    }

    .amoled {
        bottom: 50px;
    }
    .specs {
        flex-direction: row;
    }
    .specs .top {
        border: none;
    }
    .single-spec{
        height: 100px;
        
    }
}