.faceds {
    background-image: url(images/cutting\ banner.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    display: flex;

}

.faceds2 {
    width: 50%;
    height: 100%;

}

.faceds2 h1 {
    width: 100%;
    height: 40px;
    margin-top: 30px;
    color: black;
    font-weight: bold;
    margin-left: 0px;
    font-size: 18px;
}


.more {

    height: 70px;
}

.more h1 {
    font-weight: bold;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


@media only screen and (min-width: 300px) and (max-width: 600px) {
    .faceds {
        background-image: url(images/cutting\ banner.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        display: flex;

    }

    .faceds2 {
        width: 50%;
        height: 100%;

    }

    .faceds2 h1 {
        width: 100%;
        height: 25px;
        margin-top: 10px;
        color: white;
        font-weight: bold;
        margin-left: 0px;
        font-size: 14px;
    }

}











.service {
    width: 100%;
    height: auto;
    display: flex;

}

.serv {
    width: 50%;
    height: 100%;
    background-image: url(images/sk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.serve2 {

    width: 50%;
    height: 100%;
    background-image: url(images/hair.jfif);
    background-repeat: no-repeat;
    background-size: cover;

}

.serve2 p {
    color: white;
    text-align: center;
}

.serve2 h1 {
    padding-top: 10px;
    font-weight: bold;
    color: red;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.serv h1 {
    padding-top: 10px;
    font-weight: bold;
    color: red;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.serv p {
    color: black;
    margin-left: 200px;
    font-size: 14px;
    font-weight: bold;
}



.dices {
    width: 100%;
    height: 400px;

    background-image: url(images/banner-threading-.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}


.dices h1 {
    padding-top: 20px;
    font-weight: bold;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}





@media only screen and (min-width: 280px) and (max-width: 599px) {



    .service {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .serv {
        width: 100%;
        height: 430px;
        background-image: url(images/prettyPhoto/sk.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 50px;
    }

    .serve2 {
        margin-top: 130px;
        width: 100%;
        height: 430px;
        background-image: url(images/hair.jfif);
        background-repeat: no-repeat;
        background-size: cover;

    }

    .serve2 p {
        color: white;
        text-align: center;
        font-size: 12px;
    }

    .serve2 h1 {
        padding-top: 0px;
        font-weight: bold;
        font-size: 15px;
        color: red;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }


    .serv h1 {
        padding-top: 0px;
        font-size: 15px;
        font-weight: bold;
        color: red;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .serv p {
        color: black;
        margin-left: 100px;
        font-size: 12px;


    }

    .makeup {
        width: 100%;
        height: 100%;
        background-image: url(images/);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .makeup h1 {
        padding-top: 40px;
        font-weight: bold;
    }

    .makeup p {
        margin-left: 20px;
        font-weight: bold;
        font-size: 25px;
    }


    .dices {
        width: 100%;
        height: 400px;
        color: black;
        background-image: url(images/thread.jpg);
        background-size: cover;
        background-repeat: no-repeat;

    }


    .dices h1 {
        padding-top: 20px;
        font-weight: bold;
        color: white;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    table {
        border-collapse: collapse;
        width: 100%;
        color: black;
    }

    th,
    td {

        padding: 8px;
        text-align: center;
    }



    .makeup {
        width: 100%;
        height: 250px;
        background-image: url(images/bridal.jfif);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .makeup h1 {
        padding-top: 10px;
        font-weight: bold;
        color: red;
        font-size: 12px;
    }

    .makeup p {
        margin-left: 20px;
        font-weight: bold;
        font-size: 10px;
    }

    table {
        border-collapse: collapse;
        width: 100%;
        color: black;
    }

    th,
    td {

        padding: 1px;
        text-align: center;
    }









}





.makeup {
    width: 100%;
    height: 400px;
    background-image: url(images/banner\ lag.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.makeup h1 {
    padding-top: 10px;
    font-weight: bold;
    color: red;
    font-size: 12px;
}

.makeup p {
    margin-left: 20px;
    font-weight: bold;
    font-size: 10px;
}


table {
    border-collapse: collapse;
    width: 100%;
    color: black;
}

th,
td {

    padding: 1px;
    text-align: center;
}

















.bridal {
    width: 100%;
    height: 400px;
    background-image: url(images/bridal2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bridal h1 {
    padding-top: 10px;
    font-weight: bold;
    color: red;
    font-size: 22px;
}

.bridal p {
    margin-left: 20px;
    font-weight: bold;
    font-size: 10px;
}


table {
    border-collapse: collapse;
    width: 100%;
    color: white;
    font-weight: bold;
    font-size: larger;
}

th,
td {

    padding: 1px;
    text-align: center;
}



.senier {
    width: 100%;
    height: 330px;
    background-image: url(images/siner.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.senier h1 {
    padding-top: 10px;
    font-weight: bold;
    color: red;
    font-size: 12px;
}

.senier p {
    margin-left: 20px;
    font-weight: bold;
    font-size: 10px;
}


table {
    border-collapse: collapse;
    width: 100%;
    color: black;
}

th,
td {

    padding: 1px;
    text-align: center;
}



.graces {
    width: 100%;
    height: 400px;
    background-image: url(images/grace.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.graces h1 {
    padding-top: 10px;
    font-weight: bold;
    color: red;
    font-size: 12px;
}

.graces p {
    margin-left: 20px;
    font-weight: bold;
    font-size: 10px;
}


table {
    border-collapse: collapse;
    width: 100%;
    color: black;
}

th,
td {

    padding: 1px;
    text-align: center;
}



.crista {
    width: 100%;
    height: 300px;
    background-image: url(images/crista.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.crista h1 {
    padding-top: 10px;
    font-weight: bold;
    color: red;
    font-size: 12px;
}

.crista p {
    margin-left: 20px;
    font-weight: bold;
    font-size: 10px;
}


table {
    border-collapse: collapse;
    width: 100%;
    color: black;
}

th,
td {

    padding: 1px;
    text-align: center;
}

@media (max-width:600px) {

    .bridal {
        width: 100%;

        background-image: url(images/bridal.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bridal h1 {
        padding-top: 10px;
        font-weight: bold;
        color: red;
        font-size: 18px;
    }

    .bridal p {
        margin-left: 20px;
        font-weight: bold;
        font-size: 10px;
    }

    table {
        border-collapse: collapse;
        width: 100%;
        color: white;
    }

    th,
    td {

        padding: 1px;
        text-align: center;
    }



    .senier {
        width: 100%;
        height: 330px;
        background-image: url(images/siner2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .senier h1 {
        padding-top: 10px;
        font-weight: bold;
        color: red;
        font-size: 18px;
    }

    .senier p {
        margin-left: 20px;
        font-weight: bold;
        font-size: 10px;
    }


    table {
        border-collapse: collapse;
        width: 100%;
        color: white;
    }

    th,
    td {

        padding: 1px;
        text-align: center;
    }



    .graces {
        width: 100%;
        height: 400px;
        background-image: url(images/grace2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .graces h1 {
        padding-top: 10px;
        font-weight: bold;
        color: red;
        font-size: 12px;
    }

    .graces p {
        margin-left: 20px;
        font-weight: bold;
        font-size: 10px;
    }


    table {
        border-collapse: collapse;
        width: 100%;
        color: black;
    }

    th,
    td {

        padding: 1px;
        text-align: center;
    }



    .crista {
        width: 100%;
        height: 300px;
        background-image: url(images/crista2.avif);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .crista h1 {
        padding-top: 10px;
        font-weight: bold;
        color: red;
        font-size: 12px;
    }
    
    .crista p {
        margin-left: 20px;
        font-weight: bold;
        font-size: 10px;
    }
    
    
    table {
        border-collapse: collapse;
        width: 100%;
        color: white;
    }
    
    th,
    td {
    
        padding: 1px;
        text-align: center;
    }
    

}



.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
  }
  
.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }
  
  .icon-bar a:hover {
    background-color: #000;
  }
  
  .facebook {
    background: #3B5998;
    color: white;
  }
  
  .twitter {
    background: #55ACEE;
    color: white;
  }
  
  .google {
    background: #dd4b39;
    color: white;
  }
  
  .linkedin {
    background: #007bb5;
    color: white;
  }
  
  .youtube {
    background: #bb0000;
    color: white;
  }