@charset "UTF-8";
/*
Theme Name: Mademoisellejolie
Author: Rascal
*/ 

/* main css */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
/*     font-family: montserratlight,sans-serif; */
    font-family: 'Patrick Hand', cursive;
}
/* .news-post.inner-pad img {
    vertical-align: middle;
    width: 100%;
} */
.double-photo{
	display:inline-block;
	position:relative;
	width:100%;
}
.photo1of2{
	position:relative;
	width:50%;
	float: left;
}
h1.main_title{
    font-size: 40px;
    line-height: 31px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    color: #888888;
}
.news-post h1 {
    font-size: 40px;
    line-height: 31px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    color: #888888;
}
.news-post h3 {
    font-size: 30px;
    line-height: 31px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    color: #888888;
}
.mystory-car-img{
    object-fit: cover;
    height:700px;
    max-width:700px;
}
.mystory-car-img2{
    object-fit: cover;
    height:700px;  
}
.padding-top-bottom{
    padding-top:40px;
    padding-bottom:40px;
}
.sample-carousel-block div{
    
    padding: 10px 40px;
}
.mystory-car-text{
    position: absolute;
    z-index: 100000;
    min-width: 200px;
    max-width:300px;
    width:50%;
    /* height: 58px; */
    right: 25%;
    transform: translate(+50%, -50%);
    top: 50%;
    background: #ffffffa1;
}


.image-sketches-fixdims{
    width:400px;
    height:400px;
    object-fit: cover;
    border:1px solid black;
}

@media (max-width: 1280px) { 
    .mystory-car-img{
        height: 240px;
        max-width: unset;
    }
    .mystory-car-text{
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        right: 0;
        transform: unset;
        top: unset;
        bottom: 0px;
        background: #ffffff;
    }
    .image-sketches-fixdims{
        width:300px;
        height:300px;
    }
}

@media (max-width: 1400px) { 
 
    .image-sketches-fixdims{
        width:300px;
        height:300px;
    }

}
@media (max-width: 768px) { 
 
    .mystory-car-img2{
        height:auto;  
    }

}