.boxOne {

    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;

}

.boxOne h1 {

    font-family: D-DINCondensed-Bold;
    font-size: 65px;
    margin-bottom: 5px;

}

.boxOne p {

    font-family: D-DINExp;
    font-size: 40px;
    margin-bottom: 5px;

}
  
.headphonesOne {

    display: grid;
    width: 90%;
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    grid-gap: 50px;
    text-align: center;
    margin: auto;

}

.headphonesOne div {

    display: flex;
    flex-direction: column;

}

.headphonesOne .headphoneImageOne {

    width: 75%;
    margin: auto;

}
  
.headphonesOne .firstHeadphones{

    background-color: white;

}

.headphonesOne .headphoneImageTwo {

    width: 75%;
    margin: auto;

}

.headphonesOne .secondHeadphones{

    background-color: white;

}

.headphonesOne .headphoneImageThree {

    width: 75%;
    margin: auto;

}

.headphonesOne .thirdHeadphones {

    background-color: white;

}

.headphonesOne .code {

    font-family: D-DINCondensed;
    font-size: 220%;
    font-weight: lighter;
    margin-top: 50px;
    margin-bottom: 50px;

}

.headphonesOne .headphoneText {

    font-family: D-DinCondensed;
    color: orangered;
    font-size: 55px;
    text-align: center;

}

.headphonesOne .priceTag {

    font-family: D-DinCondensed;
    font-size: 55px;
    font-weight: bold;
    color: black;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-bottom: 15px;

}
  
.headphonesOne .years {

    font-family: D-DINCondensed;
    font-size: 35px;
    color: white;
    border: 1px solid orangered;
    background-color: orangered;
    padding: 5px 20px 5px 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;

}

@media screen and (max-width: 2400px) {

    .headphonesOne .headphoneText {

        font-size: 45px;
    
    }

}

@media screen and (max-width: 2000px) {
    
    .headphonesOne .headphoneText {

        font-size: 35px;

    }

}

@media screen and (max-width: 1700px) {

    .boxOne h1 {

        font-size: 55px;
    
    }
    
    .boxOne p {
    
        font-size: 30px;
    
    }


    
}

@media screen and (max-width: 1300px) {

    .headphonesOne .headphoneText {

        font-size: 28px;

    }

    .headphonesOne .years {

        font-size: 30px;
    
    }

    .headphonesOne .code {

        font-size: 180%;
    
    }
    
}

@media screen and (max-width: 1250px) {
    
    .boxOne h1 {

        font-size: 45px;
    
    }
    
    .boxOne p {
    
        font-size: 20px;
    
    }
 
}

@media screen and (max-width: 1000px){

    .headphonesOne {

        display: flex;
        flex-direction: column;
        width: 85%;
        margin: auto;

    }

    .headphonesOne .code {

        font-size: 220%;
    
    }
    
    .headphonesOne .headphoneText {
    
        font-size: 55px;
    
    }

    .boxOne {

        display: flex;
        width: 80%;
        margin: auto;

    }

    .boxOne h1 {

        margin-top: 20px;

    }

    .boxOne p {

        margin-bottom: 20px;

    }

}

@media screen and (max-width: 800px) {
    
    .headphonesOne .code {

        font-size: 200%;
    
    }
    
    .headphonesOne .headphoneText {
    
        font-size: 45px;
    
    }

}

@media screen and (max-width: 650px) {
    
    .headphonesOne .code {

        font-size: 200%;
    
    }
    
    .headphonesOne .headphoneText {
    
        font-size: 35px;
    
    }
    
    .headphonesOne .priceTag {
    
        font-size: 50px;
    
    }

}

@media screen and (max-width: 500px) {
    
    .headphonesOne .priceTag {

        font-size: 45px;

    }

    .headphonesOne .code {

        font-size: 180%;
    
    }

    .headphonesOne .headphoneText {

        font-size: 28px;

    }

    .headphonesOne .years {

        font-size: 25px;
    
    }

}