@import url('header.css');
@import url('footer_basic.css'); 

* {margin: 0; padding: 0;}
p {font-family: "Lora"; font-size: 19px; line-height: 1.5;}
a {text-decoration: none;}

body {height: 100%;}

header {top: 0}

.zagolovki15 {text-align: center; font-size: 15px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki16 {text-align: center; font-size: 16px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki17 {text-align: center; font-size: 17px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki18 {text-align: center; font-size: 18px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki19 {text-align: center; font-size: 19px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki20 {text-align: center; font-size: 20px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki21 {text-align: center; font-size: 21px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki22 {text-align: center; font-size: 22px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki23 {text-align: center; font-size: 23px; font-weight: bold; padding: 5px 0 5px 0}

#content {width: 1220px; height: 100vh; position: relative; background-color: #FDFFF5; margin: 0 auto 0 auto; z-index: 50; text-align: justify; padding: 40px 15px 50px 15px; box-shadow: 0 0 5px}

.text_s_indent {text-indent: 30px; padding: 0 19px 0 19px;  line-height: 1.7}

.info {display: grid; grid-template-columns: 380px 380px 380px; text-align: center; margin-left: 40px; margin-right: 40px; margin-top:50px}
#area {margin: 0px 15px 0px 15px; box-shadow: 0 0 5px; padding-top: 80px}
#vsego {margin: 0px 15px 0px 15px; box-shadow: 0 0 5px}
#lib {margin: 0px 15px 0px 15px; box-shadow: 0 0 5px; padding-top: 120px}
.zife1 {font-size: 39px; }

#bar_s_logo {text-align: right; padding-right: 30px}
#bar_s_chasami {text-align: left; padding-left: 30px}

.text_s_indent {text-indent: 30px;}

#bar_s_logo {text-align: right; padding-right: 30px}
#bar_s_chasami {text-align: left; padding-left: 30px}