body{
    background-image: url(3main.jpg); 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
    }

.menu {
    background: #3B240B; /* Цвет фона */
    background: rgba(0, 0, 0, 0.3);
    color: #fff; /* Цвет текста */
    padding: 110px; /* Поля вокруг текста */
   }
.note {
    background: rgba(255,255,255,0.6);
    color: #000; /* Цвет текста */
    text-align: center;
    padding: 20px; /* Поля вокруг текста */
   }

.top-menu:{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
}
.menu-main {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
.menu-main li {
  display: inline-block;
  margin-right: -4px;
}
.menu-main a {
  font-size: 30px;
  text-decoration: none;
  display: inline-block;
  padding: 15px 30px;
  color: white;
  transition: .3s linear;
}

.menu-main a:hover {background: rgba(139, 69, 19, 0.5);}
@media (max-width: 680px) {
.top-menu {margin: 0;}
.menu-main li {
  display: block;
  margin-right: 0;
}
.menu-main:before, 
.menu-main:after {content: none;}
.menu-main a {display: block;}
}
.center{
    margin: auto; /* Выравниваем по центру */
}
h1{
    text-align: center;
}
p{
font-weight:bold
}
.comp{
    text-align: center; 
}
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 20px 20px 20px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }
img{
    border-radius: 10px; 
}
p.dline {
    line-height: 2;
   }
   P {
    line-height: 0.9em;
   }
.logo{
    float:right;
    margin-right: 200px;
}
 
nav{
     display:flex;
     float:center;
 }
.thumb img  {
    margin-right: 50px; /* Отступ справа */
    margin-bottom: 50px; /* Отступ снизу */
   }


.f:hover
        {
            box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.6);
        }
.f
        {
            color:#fff;
            
            font-style: italic;
            font-weight:500;
            font-size:5.3em;
            
            text-align:center;
            line-height:450px;
            
            transition:all 0.3s ease;
            
            margin:30px 500px;
          border-radius: 10px;
            width:800px;
            height:640px;
            
            background:url(gk.jpg);
        }
.sch:hover
        {
            box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.6);
        }
.sch
        {
            color:#fff;
            
            font-style: italic;
            font-weight:500;
            font-size:5.3em;
            
            text-align:center;
            line-height:450px;
            
            transition:all 0.3s ease;
            margin:30px 500px;
            border-radius: 10px;
            width:800px;
            height:800px;
            
            background:url(gs.jpg);
            
        }
.s:hover
        {
            box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.6);
        }
.s
        {
            color:#fff;
            
            font-style: italic;
            font-weight:500;
            font-size:5.3em;
            text-align:center;
            line-height:450px;
            
            transition:all 0.3s ease;
            margin:30px 460px;
            border-radius: 10px;
            width:864px;
            height:576px;
            
            background:url(gc.jpg);
            
        }
.th:hover
        {
            box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.6);
        }
.th
        {
              color:#fff;
            
            font-style: italic;
            font-weight:500;
            font-size:5.3em;
            
            text-align:center;
            line-height:450px;
            
            transition:all 0.3s ease;
            margin:30px 460px;
            border-radius: 10px;
            width:864px;
            height:648px;
            
            background:url(gb.jpg);
            
        }
.t:hover
        {
            box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.6);
        }
.t
        {
            color:#fff;
            
            font-style: italic;
            font-weight:500;
            font-size:5.3em;
            
            text-align:center;
            line-height:400px;
            
            transition:all 0.3s ease;
            margin:30px 460px;
            border-radius: 10px;
            width:864px;
            height:576px;
            
            background:url(gl.jpg);
            
        }

.lo:hover
        {
            box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.6);
        }
.lo
        {
            color:#fff;
            
            font-style: italic;
            font-weight:500;
            font-size:5.3em;
            
            text-align:center;
            line-height:400px;
            
            transition:all 0.3s ease;
            margin:30px 470px;
            border-radius: 10px;
            width:816px;
            height:612px;
            
            background:url(gd.jpg);
            
        }
        .na:hover
        {
            box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.6);
        }
.na
        {
            color:#fff;
            
           font-style: italic;
            font-weight:500;
            font-size:5.3em;
            
            text-align:center;
            line-height:400px;
            
            transition:all 0.3s ease;
            margin:30px 470px;
            border-radius: 10px;
            width:816px;
            height:612px;
            
            background:url(try.jpg);
            
        }