@import url('./imgConteyner.css');
@import url('./calc.css');
@import url('./slider.css');

.wrapper {
    display: flex;
    flex-direction: row;
}

#main_page h1, 
#main_page h2, 
#main_page h3, 
#main_page h4, 
#main_page h5, 
#main_page h6 {
    font-family: var(--font-title);
    color: var(--title-color);
}

#main_page h1 {
    font-size: var(--font-size-h1);
}

#main_page h2 {
    font-size: var(--font-size-h2);
}

#main_page p {
    font-family: var(--font--text);
    color: var(--text-color);
    font-size: var(--font-size-main-text);
    margin-block: 12px;
}

#main_page a {
    display: inline;
    color: var(--link-color);
}

#main_page > img,
#main_page > video,
#text_content > img,
#text_content > video {
    width: 100%;
    margin-block: 15px;
}

.review {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    padding: 10px 15px;
    border: 2px solid var(--text-color);
    margin-block: 25px;
    border-radius: 8px;
}

.review h3 {
    font-size: 24px;
}

.review img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    object-position: top right;
}

@media (width < 978px) {
  #main_page {
    min-width: 100vw;
  }
}