.true-breadcrumbs{
    padding-top: 13px;
}

h1{
    font-family: "Gotham Book", sans-serif;
    font-size: 45px;
    font-weight: 400;
    color: #004D42;
    line-height: 49px;
    margin: 0;
    letter-spacing: -0.3px;
    max-width: 630px;
    width: 100%;
}

.full-page-container{
    background-color: #F0EBE2;
    padding-bottom: 44px;
}

.main-info-container{
    display: flex;
    justify-content: space-between;
}

.category-button{
    height: 33px;
    margin-top: 32px;
    margin-bottom: 44px;
}

.category-button a{
    font-family: "Gotham Bold", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #004D42;
    padding: 8px 21px;
}

.category-button:hover, .category-button:visited{
    color: #ffffff;
}

.left-info-block{
    max-width: 708px;
    width: 100%;
}

.left-info-block .description{
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
    margin: 27px 0 68px 0;
}

.left-info-block .post-info-socials{
    display: flex;
    gap: 34.5px;
}

.left-info-block .post-info-socials .post-info{
    display: flex;
    justify-content: space-between;
    gap: 34px;
}

.left-info-block .post-info-socials .share-post-links{
    display: flex;
    align-items: center;
    gap: 26px;
    border-left: 2px solid #2E2C2B;
    height: 46px;
    padding-left: 34.5px;
}

.left-info-block .post-info-socials .post-info .info{
    display: flex;
    align-items: center;
    gap: 10px
}

.left-info-block .post-info-socials .post-info .info span,
.left-info-block .post-info-socials .share-post-links span{
    font-family: "Gotham Medium", sans-serif;
    font-size: 13px;
    color: #2E2C2B;
}

.right-info-block img{
    width: 615px;
    border-radius: 25px;
    height: 375px;
}

.container-content{
    margin-top: 50px;
}

.container-content .full-width-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container-content .full-width-content .content{
    width: 100%;
    max-width: 812px;
}

.container-content .full-width-content .content p{
    margin-bottom: 22px;
    line-height: 23px;
}


.hoverme {
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 25px;
    outline: 0;
    cursor: pointer;
    /*transition: all 0.3s ease;*/
}
.hoverme p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.hoverme:hover {
    background: rgba(246, 246, 246, .3);
}
.hoverme:hover > .pop {
    opacity: 1;
    width: 65px;
    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 9px;
}
.pop {
    opacity: 0;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 100%;
    z-index: -1;
    margin: auto;
    /*transition: all 0.3s ease;*/
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
.pop > a {
    color: #353535;
    font-size: 20px;
}

.blog-posts{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 90px;
    margin-top: 45px;
}

.blog-posts .blog-post{
    max-width: 344px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}

.blog-post img{
    height: 200px;
}

.blog-post .blog-category{
    height: 28px;
    margin-top: 16px;
}

.blog-post .blog-category span{
    font-family: "Gotham Bold", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    padding: 8px 18px;
    background-color: #BDA150;
    text-transform: uppercase;
}

.blog-post .blog-information{
    padding: 18px 26px 13px 21px;
}

.blog-post .blog-information span{
    font-family: "Gotham Black", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #004D42;
    line-height: 17px;
    letter-spacing: 0.3px;
    height: 41px;
    display: block;
    margin-top: 8px;
}

.blog-post .blog-information .description{
    font-family: "Gotham Book", sans-serif;
    font-size: 14px;
    margin: 0;
    line-height: 19px;
    height: 37px;
}

.blog-post .blog-information .description p{
    margin: 0;
}

.blog-post .author-social-links{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
}

.blog-post .author-social-links .author-date p{
    font-family: "Gotham Book", sans-serif;
    font-size: 14px;
    color: #004D42;
    margin: 0;
}

.blog-post .author-social-links .hoverme img{
    height: auto;
}

.container-content .full-width-content .content .share-post{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    margin-top: 161px;
    color: #004D42;
    margin-bottom: 93px;
}

h2{
    font-family: "Gotham Book", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 45px;
    color: #004D42;
    text-align: center;
    margin-top: 93px;
    letter-spacing: -1px;
}

.blog-posts-title{
    margin-top: 0;
}

.page-container-for-contacts{
    padding-top: 87px;
}

.contant-form{
    margin-bottom: 5px;
}

.post-info-socials-mobile{
    display: none;
}

@media(max-width: 975px){
    .left-info-block .post-info-socials{
        display: none;
    }

    .post-info-socials-mobile{
        display: flex;
        gap: 53px;
        margin-top: 21px;
    }

    .post-info-socials-mobile img{
        width: auto;
        height: auto;
    }
    .post-info-socials-mobile .post-info{
        display: flex;
        flex-direction: column;
        gap: 26px;
    }
    .post-info-socials-mobile .post-info .info{
        display: flex;
        gap: 10px;
    }
    .main-info-container{
        flex-direction: column;
    }
    .post-info-socials-mobile .share-post-links{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
        border-left: 2px solid #2E2C2B;
        padding-left: 57px;
    }
    .left-info-block .description{
        margin-bottom: 28px;
    }
}

@media(max-width: 550px){
    .blog-posts{
        gap: 37px;
        margin-bottom: 92px;
    }

    .blog-post img{
        height: 170px;
        width: 100%;
    }

    .blog-posts .blog-post{
        max-width: 100%;
    }

    .blog-post .blog-category{
        margin-top: 8px;
    }

    .blog-post .blog-category span{
        font-size: 12px;
        padding: 6px 18px;
    }

    .blog-post .blog-information{
        padding: 8px 26px 13px 21px;
    }

    .blog-post .blog-information span{
        line-height: 19px;
        margin-bottom: 5px;
    }

    .blog-post .author-social-links{
        margin-top: 22px;
    }

    .hoverme:hover > .pop{
        position: absolute;
        z-index: 1;
        left: -175px;
    }

    .page-container{
        margin-top: 85px;
    }
    .true-breadcrumbs{
        margin: 0;
        padding: 0;
    }
    .category-button{
        font-size: 12px;
        height: 25px;
        margin-top: 17px;
        margin-bottom: 20px;
    }
    .category-button a{
        padding: 5px 21px;
    }
    h1{
        font-family: "Gotham Bold", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.5px;
    }
    .left-info-block .description{
        margin: 15px 0 24px 0;
        line-height: 23px;
    }
    .right-info-block img{
        height: 170px;
    }
    .post-info-socials-mobile img{
        height: auto;
        border-radius: 0;
    }
    .post-info-socials-mobile{
        gap: 56px;
    }
    .post-info-socials-mobile .post-info .info,
    .post-info-socials-mobile .share-post-links{
        font-family: "Gotham Medium", sans-serif;
        font-size: 13px;
    }
    .post-info-socials-mobile .post-info{
        gap: 20px;
    }
    .container-content{
        margin-top: 15px;
    }
    .full-page-container{
        padding-bottom: 20px;
    }
    .container-content .full-width-content .content .share-post{
        margin-top: 252px;
        font-size: 13px;
    }
    h2{
        font-family: "Gotham Bold", sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        margin-top: 0;
        letter-spacing: 0;
    }
    .blog-posts{
        margin-top: 30px;
        margin-bottom: 65px;
    }
    .page-container-for-contacts{
        padding-top: 46px;
    }
    .full-contacts-master-martini h2{
        margin-bottom: 16px;
    }
    .full-contacts-master-martini p.contacts-main-description{
        line-height: 23px;
        margin: 0 0 14px 0;
    }
}

@media(max-width: 340px){
    .post-info-socials-mobile {
        gap: 15px;
    }
}