body { width: 100%; margin: 0; /*background-image: url("/static/img/elements1920/backgr1920.jpg");*/ background-size: cover; background-position: top right; background-attachment: fixed; background-repeat: no-repeat; font-family: Rubik; height: 100%; } .full__container { min-height: 100%; display: flex; flex-direction: column; width: 100%; background-position: center; position: relative; } .header { height: 60px; width: 100%; background-position: center; border-bottom: #CAB49D solid 2px; position: fixed; z-index: 10; background-color: #FFFFFF ; } .header-content { display: flex; max-width: 1330px; width: 100%; margin: 0 auto; align-items: center; height: 100%; justify-content: space-between; } .menu-logotip { font-weight: 700; font-size: 24px; } .header-right { width: 50%; text-align-last: end; } .menu-item { padding: 0 0 0 50px; cursor: pointer; } .main { margin: 0 auto; max-width: 1330px; width: 100%; height: 100%; margin-top: 90px; } .business-card { background-color: #003A50; height: 600px; display: flex; padding: 50px; } .business-card-info { height: 100%; width: 50%; display: flex; flex-direction: column; justify-content: center; color: #FFFFFF ; } .business-card-photo { height: auto; width: 50%; } .business-card-photo-img { height: 100%; width: 100%; object-fit: cover; } .profession { font-size: 15px; color: #CAB49D; } .name { font-size: 48px; padding: 20px 0 0 0; } .name-description { width: 420px; height: 66px; padding: 30px 0 0 0; } .business-card-info-button-block { padding: 50px 0 0 0; } .business-card-info-button { width: 190px; height: 52px; background-color: #003A50; color: #FFFFFF; border-color: #FFFFFF; cursor: pointer; } .qualification-all-block { height: 100px; width: 100%; border-bottom: #CAB49D solid 2px; display: flex; justify-content: space-around; align-items: center; } .qualification { color: #CAB49D; font-size: 64px; width: 25%; } .qualification-description { font-size: 16px; color: #CAB49D; padding: 0 0 0 20px; } .about-me-all-block { width: 100%; margin: 60px 0 0 0; height: 430px; display: flex; align-items: center; } .about-me-photo { display: flex; } .about-me-background { width: 140px; height: 430px; background-color: #003A50; } .about-me-img-block { width: 386px; height: auto; min-width: 386px; padding: 0 0 0 30px; } .about-me-img { object-fit: cover; width: 100%; max-height: 430px; min-width: 386px; } .about-me-description { width: 100%; } .about-me-description-title { width: 480px; margin: 0 auto; font-size: 36px; margin-bottom: 40px; } .about-me-description-paragraph-1 { width: 480px; margin: 0 auto; margin-bottom: 20px; font-size: 16px; } .about-me-description-paragraph-2 { width: 480px; margin: 0 auto; font-size: 16px; } .education-title { font-size: 36px; margin: 60px 0 0 0; } .education-all-block { margin: 30px 0 50px 0; display: flex; } .education-achievement-block { width: 820px; border-bottom: #CAB49D solid 2px; display: flex; align-items: center; height: 80px; } .education-achievement-data { font-size: 32px; color: #CAB49D; } .education-achievement-description { padding: 0 0 0 40px; } .education-photo-block { display: flex; flex-wrap: wrap; margin: 0 0 0 30px; } .education-photo-1 { max-width: 310px; height: auto; margin: 0 30px 0 0; } .education-photo-img-1 { max-width: 310px; max-height: 200px; min-width: 310px; min-height: 200px; object-fit: cover; padding: 0 0 27px 0; } .education-photo-2 { max-width: 140px; height: auto; } .education-photo-img-2 { max-width: 140px; padding: 0 0 27px 0; max-height: 350px; height: 350px; } .education-photo-img-3 { max-width: 310px; max-height: 310px; min-width: 310px; min-height: 310px; object-fit: cover; } .education-photo-background { width: 140px; height: 160px; background-color: #003A50; } .help-title { font-size: 36px; margin: 0 0 50px 0; } .help-all-block { width: 100%; margin: 0 0 50px 0; } .help-block-1 { display: flex; margin: 0 0 30px 0; } .help-block-2 { display: flex; } .help-box-size-litle { width: 310px; height: 190px; } .help-box-size-big { width: 480px; height: 190px; } .help-box-number { font-size: 111px; padding: 0 0 0 20px; } .help-box-description { font-size: 16px; padding: 0 0 0 20px; } .help-box-1 { background-color: #003A50; margin: 0 30px 0 0; } .help-box-number-1 { color: #003A50; text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF; } .help-box-description-1 { color: #FFFFFF; } .help-box-2 { background-color: #CAB49D; margin: 0 30px 0 0; } .help-box-number-2 { color: #FFFFFF; } .help-box-description-2 { color: #FFFFFF; } .help-box-3 { border: 1px solid #003A50; width: 478px !important; height: 188px !important; } .help-box-number-3 { color: #003A50; } .help-box-description-3 { color: #003A50; } .help-box-4 { border: 1px solid #CAB49D; width: 478px !important; height: 188px !important; margin: 0 30px 0 0; } .help-box-number-4 { color: #CAB49D; } .help-box-description-4 { color: #CAB49D; } .help-box-5 { background-color: #003A50; margin: 0 30px 0 0; } .help-box-number-5 { color: #CAB49D; } .help-box-description-5 { color: #CAB49D; } .help-box-6 { background-color: #CAB49D; } .help-box-number-6 { color: #CAB49D; text-shadow: -1px 0 #003A50, 0 1px #003A50, 1px 0 #003A50, 0 -1px #003A50; } .help-box-description-6 { color: #003A50; } .article-title { font-size: 36px; margin: 0 0 50px 0; } .article-all-block { display: flex; } .article-one-block { display: flex; flex-direction: column; width: 310px; padding: 0 20px 0 0; bo } .article-block-photo { max-width: 310px; max-height: 190px; } .article-calendar-block { height: 50px; padding: 5px 0; } .article-news { border: 1px solid #CAB49D; padding: 5px 10px; } .article-calendar { float: right; }