body {
  /*  background-image:  url("/img/background-green_3.png");/**/
    /*background-color: rgb(206, 252, 197); /**/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100vh;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11pt;
}

a {
    color: #555;
}
a:hover {
    /* color: #555; */
    /* color: #555;  */
    color: #fcb839; 
} 

button {
  margin-top: 5px;
}


h1 a,h1 a:hover,h3,h5,.h5,.h6 {
    color:   rgb(0, 182, 246); /* rgb(44, 172, 27);/**/
}   

.h6 {
  font-weight: bold;
  font-size: 9pt;
  
}

h1 {
   font-size: 2rem; 
   color: rgb(0, 182, 246);/* */
}
p {
    text-indent: 45px; /* Отступ первой строки в пикселах */
    
   
   }

  
.row-border-top {
  text-align: justify;
}
  
.img-home {
  min-height: 240px;
}

p.card-text {  /* для карточек */
    text-indent: 0px;  /* Отступ первой строки в пикселах */
}  


@media (max-width: 650px) {
 .nav-item {
  height: 50px; /**/
 } 
 h1 {
    font-size: 1.5rem;
 }  

 h3 {
  text-align: left;
} 

 .card-deck {
  max-height: 450px;   
 }

 #img-show{
    max-width: 360px;  
 }

.ui-dialog {
    max-width: 380px;  
 }

 p {  /* для карточек */
  text-indent: 0px;  /* Отступ первой строки в пикселах */
} 

}


@media (max-width: 1200px) {
  .container {
    max-width: 1100px;
  }
}

.main-menu {

  color:rgb(0, 182, 246);/*#15dd6f;/*/
  font-size: 28pt;
  font-family: Colonna MT;
  
}

.work-main {
  max-width: 200px;
  max-height: 150px;
  margin-bottom: 5px;
 
}

@media (max-width: 800px) {
  .container {
    max-width: 780px;
  }
  #navbarNav1 {
    max-width: 450px;
  }
  .nav-item{
    max-height: 45px;
  }
  .main-menu {
    font-size: 14pt;
  }

  .work-main {
    max-width: 80px;
  }

  h3 {
    text-align: left;
  } 
  
}




.main-menu:hover,.main-menu.active {
    /*color: #fff; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: underline; /* Добавляем подчеркивание */
  /*  font-weight: bold; /**/
}   

.logo {
   width: 100px;
  /* height: 120px;/**/
}

li ul li {
  font-size: 10pt;  
}
li ul {
  margin: 5px 0px 10px 0px;  
}

.work-img {
    max-width: 200px;
    max-height: 100px;
    cursor: pointer;
}

.about-img {
  max-width: 180px;
  max-height: 70px;
}

.img-soc {
  width: 32px;
  height: 32px;
}

.row-border-top {
  border-top: 1px solid #999;
  padding-top:5px;
}

.cur_style {
  /*color: #555; /**/
  text-decoration:underline;
}