.bg-image{/* Location of the image */
background-image: url(images/h_img.jpg);
  
/* Background image is centered vertically and horizontally at all times */
background-position: center center;

/* Background image doesn't tile */
background-repeat: no-repeat;

/* Background image is fixed in the viewport so that it doesn't move when 
   the content's height is greater than the image's height */
background-attachment: fixed;

/* This is what makes the background image rescale based
   on the container's size */
background-size: cover;

/* Set a background color that will be displayed
   while the background image is loading */
background-color: #464646;

width: 100%;
height: 100vh;
object-fit: cover;
}
.bg-services{
    background-image: url(images/s_image.jpg);
    background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
width: 100%;
height: 500px;
object-fit: cover;

}
.hide {
    display: none;
}
.container{
	margin: inherit;
    width: inherit;
}
.content {
    color: black;
    text-emphasis: bold;
    text-align: center;
}
#portfolio img {
    width: 100%;
}
.card-deck {
    padding: 5% 1%;
}
.card {
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}
.card:hover img {
    transform: scale(1.2);
    transition: all 0.3s ease;
}
.card-1 {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.582) transparent;
    cursor: pointer;
    display: none;
    transition: all 0.5s ease;
    color: white;
    font-weight: bolder;

}
.landing-page { 
    position: relative; 
    width: 100%; /* for IE 6 */
 }
 
.landing-page-h1 { 
    font-family: 'Bebas Neue', cursive;
    position: absolute; 
    top: 200px; 
    left: 0; 
    width: 100%;
    align-content: center;
    font-size:50px;
    align-items : center;
    display: flex;
    justify-content: center; 
    color: #FCFCFC ;
 }

.landing-page-p { 
    font-family: 'Bebas Neue', cursive;
    position: absolute; 
    top: 200px; 
    left: 0; 
    width: 100%; 
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #FCFCFC ;
    margin-top: 100px;
 }

.landing-page-h1of2 {
    font-family: 'Bebas Neue', cursive;
    position: absolute; 
    top: 200px; 
    left: 0; 
    width: 100%;
    align-content: center;
    font-size:35px;
    align-items: center;
    display: flex;
    justify-content: center; 
    color: #FCFCFC ;
    margin-top: 60px;

 }
.part{
     background: url(./images/h_img.jpg) no-repeat;
     padding: 10;
     margin: 0;
     background-size: cover;
     position: center;
 }
.text-1{
    background: transparent;
    text-align: center;
    font-size-adjust: auto;
    color: white;


 }
.col-md-4{
     text-align: center;
 }

.div2 {
   
    align-items: center;
    display: flex;
    justify-content: center; 
    color:black ;
}

.h12 {
    text-align: center;
}

.services {
   
    align-items: center;
    justify-content: center; 
    color:black ;
    margin-top: 60px;
    position: relative; 
    width: 100%; /* for IE 6 */

}

.cyprian {
    height: 500px;
    background: url(./images/c_image.jpg) no-repeat;
}

.form-cont {
    text-align: center;
    position: relative;
    width: 700px;
    max-width: 100%;
    left: 50%;
    transform: translate(-50%);
}

.box{
    position: relative;
    position: center;
    display: inline-block; /* Make the width of box same as image */
}
.box .text{
    position: absolute;
    z-index: 700;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%; /* Adjust this value to move the positioned div up and down */
    text-align: center;
    width: 60%; /* Set the width of the positioned div */
    color:white ;
}