@media (max-width: 400px) {

    .container1 {
        display: flex;
        flex-direction: column;
}

    .container {
        display: flex;
        flex-direction: column;
}

h1 {
    font-size: 28pt;
    width: 70%;
    margin-left: 5vw;
    }

.mi_foto {
    width: 70%;
    height: auto;
    float: center;
    margin-left: 1vw;
    padding-right: 1vw;
}

h2 {
    width: 70%;
    font-size: 23pt;
    text-align: inherit;
}

h3 {
    font-size: 15pt;
    margin-left: 3vw;
}

p {
    font-size: 15pt;
    margin-left: 5vw;
    
}
.title {
    display: flex;
    flex-direction: column;
  width: 72%;
  margin: 18vw;

}

.intro {
    display: flex;
    flex-direction: column;
    width: 72%;
    margin: 18vw;
}

.price {
    display: flex;
    flex-direction: column;
  width: 70%;
  margin: 18vw;

}

.price-1 {
  display: flex;
  flex-direction: column;
  width: 70%;
  margin: 18vw;
  margin-bottom: 0vh;
 
}

.color {
    margin-left: 5vw;
}
h5 {
    margin-left: 5vw;
}

.plus {
    display: flex;
    flex-direction: column;
  width: 70%;
  padding-top: 1vh;
  margin: 18vw;
  
}

.plus-1 {
    display: flex;
    flex-direction: column;
  margin: 18vw;
  width: 72%;
}

.form-container {
    width: 70%;
    margin: 20vw;
}

.program {
    margin: 18vw;
    width: 70%;
}

.program-image {
    width: 80%;
    height: auto;
    margin: 5vw;
}

.color {
    margin: 3vw;
}
 
 .salon {
    width: 80%;
    height: auto;
}

}

@media (min-width: 401px) and (max-width: 1100px) {

    .container {
        display: flex;
        flex-direction: column;
    }

    h1 {
        font-size: 30pt;
        width: 70%;
        text-align: center;
        margin-left: 0vw;
    }

    .mi_foto {
        width: 70%;
        height: auto;
        margin-left: -5vw;
    }

    h2 {
        text-align: inherit;
        width: 80%;
        font-size: 18pt;
        margin-top: -5vh;
        margin-left: -10vw;
    }

    .title  {
        display: flex;
        flex-direction: column;
        width: 72%;
        height: auto;
        margin: 18vw;

    }

    .intro {
        display: flex;
        flex-direction: column;
        width: 72%;
        height: auto;
        margin: 18vw;
    }

    h3 {
        font-size: 15pt;
    }

    p {
        font-size: 12pt;
    }

    .price {
        display: flex;
        flex-direction: column;
         width: 70%;
         height: auto;
         margin: 18vw;
        }

    .price-1 {
        display: flex;
        flex-direction: column;
        width: 70%;
        margin: 18vw;
    }

    .plus{
        display: flex;
        flex-direction: column;
        margin-left: 18vw;
        padding-top: 0vh;
        margin-top: 0vh;
    }

.plus-1 {
    display: flex;
    flex-direction: column;
    margin-left: 18vw;
}
    
    .telegram {
        width: 70%;
    }

    .form-container {
        width: 70%;
        margin-right: 18vw;
    }

    .color1 { 
        margin-left: 10vw;
    
    }

    .program {
    width: 80%;
    margin: 5vw;
}

.program-image {
    width: 80%;
    height: auto;
    margin: 5vw;
}
    
}

@media (max-width: 2000px) {


    h3 {
        font-size: 5pt;
        font-weight: 700;
        width: 25%;
    }

        .title  {
        width: 40%;
        height: auto;
        margin: 10%;

    }

    .intro {
        width: 40%;
        height: auto;
        margin: 10%;
    }
    
    p {
        font-size: 10pt;
    }
}