.twelve-remarkable-wrapper{
    background-color: black;
    
}
.twelve-remarkable-content{
    display: flex;
    flex-direction: column;
    color: white;
    margin: 0 auto;
    font-family: Roboto;
    padding: 10% 15%;
}
#sharp{
    font-size: 48px;
    font-weight: 700;
    align-self: flex-end;
    margin-bottom: 15px;
}
#remarkable{
    font-size: 71px;
    font-weight: 700;
}

@media only screen and (max-width: 1580px){
    #sharp{
        font-size: 39px;
    }
    #remarkable{
        font-size: 60px;
    }
    .twelve-remarkable-content{
        padding: 10% 10%;
    }
}
@media only screen and (max-width: 1320px){
    #sharp{
        font-size: 33px;
    }
    #remarkable{
        font-size: 54px;
    }
}
@media only screen and (max-width: 1080px){
    #sharp{
        font-size: 44px;
    }
    #remarkable{
        font-size: 68px;
    }
    .twelve-remarkable-content{
        padding: 5% 15% 0;
    }
}
@media only screen and (max-width: 726px){
    #sharp{
        /* font-size: 40px; */
        display: none;
    }
    #remarkable{
        font-size: 58px;
    }
    .twelve-remarkable-content{
        padding: 10% 10% 5%;
    }
}
@media only screen and (max-width: 535px){
    #sharp{
        font-size: 33px;
    }
    #remarkable{
        font-size: 45px;
    }
}
@media only screen and (max-width: 420px){
    #sharp{
        font-size: 25px;
    }
    #remarkable{
        font-size: 35px;
    }
}