.container{
  font-family: 'dejavu_sansbook', sans-serif;
  src: url('../fonts/DejaVu Sans Book.ttf');
}

.container h2 h1 h3 h4 h5 h6{
  font-family: 'bpg_nino_medium_capsregular', sans-serif;
  font-weight: bold;
}

.nav_link_name a {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  font-size: 25px;
  font-weight: 600;
  color: black;
  transition: 0.25s;
  margin: 5px;
}
.nav_link_name a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #ffffff;
  transition: width 0.25s ease-in-out;
}
.nav_link_name a:hover::before {
  width: 100%;
}
.nav_link_name:hover a:hover {
  color: #ffffff;
}

.nav-background{
background-color: #72BE3B;
} 

.navbar-toggler-icon{
  color: black;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.nav_link_name_drop a {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  font-size: 25px;
  font-weight: 600;
  color: #000000;
  transition: 0.25s;
  margin: 5px;
}

.sorter a {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
  transition: 0.25s;
  margin: 5px;
}

.sorter a:hover{
  cursor: pointer;
}

.sorter .dropdown_link:hover{
  color: #000000;
}


.nav_link_name_drop a:hover{
  color: #ffffff;
  cursor: pointer;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #72BE3B;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  border: 1px solid #72BE3B;
}

.dropdown_link{
  text-decoration: none;
}

.dropdown_link:hover a:hover{
  color: #72BE3B;
}
.dropdown:hover .dropdown-content {
  display: block;
}


@media (max-width: 1199px) {
  .dropdown a {
    font-size: 18px;
}
.nav_link_name a {
  font-size: 18px;
}
}

/** Products Squares **/

.banner-image{
  background-image: url('../img/banner-image.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height:100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sqproduct_header{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
  color: black;
  background-color: rgba(114, 190, 59, 0.8);
  border-radius: 10px ;
  padding: 20px;
}

.sqproduct_box{
  transition: 0.25s;
  display: flex;
  flex-wrap:nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  height: 500px;
  padding: 10px;
  margin: 10px 5px 10px 5px;
  border-radius: 10px;
  background-color: rgba(114, 190, 59, 0.8);
  cursor: pointer;
}

.sqproduct_box:hover{
  background-color: #83c057;
  transition: 0.25s;

}


/*Product description button*/
.sqproductbutton{
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-block;
  padding: 20px 50px;
  margin: 0px 5px 0px 5px;
  position: relative;
  color: #ecf0f1;
  text-decoration: none;
  font-size: large;
  font-weight: 800;
}


#sqbutton{
  font-weight: 600;
  color: black;
  overflow: hidden;

}
#sqbutton:hover{
  color: white;
  transition: 0.25s;
}

#sqbutton:before, #sqbutton:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  top: 0;
  left: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#sqbutton:after{
  bottom: 0 !important;
  top: auto !important;
  right: -100%;
  left: auto;
}

#sqbutton:hover:before{
  left: 0;
}

#sqbutton:hover:after{
  right: 0;
}


/*Hemo Test*/
.hemotest_container{
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hemotest{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hemotest_text{
  font-size: 30px;
  font-weight: 800;
  margin: 20px 0 20px 0;  
}

.hemo_link{
  margin: 10px;
  text-decoration: none;
  color: black;
  font-weight:800;
  font-size: 30px;
  border: #72BE3B solid 6px;
  padding: 10px 30px 10px 30px;
  border-radius: 10px; 
  transition: 0.2s;
}

.hemo_link:hover{
  color: #111;
  background-color: #72BE3B;

}
.hemotest_text{
  display: flex;
  justify-content: center;
  align-items: center;
}

.hemotest_text p{
  text-align: center
}

.hemotest_button{
  display: flex;
  justify-content: center;
  align-items: center;
}

.hemoline {
  position: absolute;
  right: 0;
  left: 0;
  border-top: 10px solid #72BE3B;

}

.actions_link{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border: #72BE3B solid 6px;
  border-radius: 10px;
  margin: 20px 0 20px 0;
  padding: 20px 0 20px 0;
  text-decoration: none;
  color: #111;
  font-weight: 600;
  transition: 0.25s;
}



.actions_txt{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.actions_link span{
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.actions_link i{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 120px;
  color: #72BE3B;
}
.actions_link:hover i{
  color: #ffffff;
  transition: 0.25s;
}

.actions_link:hover{
  background-color: #72BE3B;
  color: #ffffff;
  transition: 0.25s;
}




/* Circles */


.info_circles{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.circle_container{
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.circle_title{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #72BE3B;
  flex-wrap:wrap
}

.circle_icon{
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-width: 4px;
  background-color: #72BE3B;
  width: 80px;
  height: 80px;
}

.circle_block{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.circle_text p{
  margin-top: 10px;
  color: #72BE3B;
  font-weight: 600;
  text-align: center
}

.circle_description p{
  font-weight: 600;
  text-align: center
}

/** Footer **/
footer {
  background-color: #111;
  color: #fff;
  padding: 30px 0 0 0;
}

footer h3 {
  color: #72BE3B;
  margin-bottom: 20px;

}

footer li{
  list-style-type:none;
  margin: 10px;
}

.fa-solid .fa-phone{
  color: white;
}

footer p, footer ul {
  color: #fff;
  margin-bottom: 20px;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer {
	padding: 17px 0 18px 0;
}

.social-icons{
  font-size: 30px;
}

.social-icons a:hover{
  color: #72BE3B;
  transition: 0.25s;
}



.footer_name h3{
  padding: 10px;
  bottom: auto;
}

.copyright {
  background-color: #111;
  padding: 20px 0;
}

.copyright_block{
  padding-bottom: 20px;
}

.languages{
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang_square{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.languages p{
  font-weight: 600;
  color: #72BE3B;
}

.lang_ball img{
  width: 50px;
  height: auto;
}

.copyright p {
  display: flex;
  justify-content: flex-start;
  font-weight: 600;
  color: #72BE3B;
  margin: 0;
}

/* About page */
/* About page */
/* About page */

.about_container{
  margin: 15px 0 10px 0;
  display: flex;
  justify-content: center;
}

.about_title h1{
  display: flex;
  justify-content: center;
font-weight: 800;
}

.about_reasons{
  display: flex;
  color: #72BE3B;
  font-weight: 600;

}

.about_reasons p{
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Goals*/



.goals_container{
  background-color: #72BE3B;
}
.goal_img img{
  width: 300px;
  margin: 20px 0 20px 0;
}

.goal_row{
  padding: 10px;
  color: white;
  width: 100%;
}

.goal_descr{
  flex-direction: column;
}

.goal_descr h2{
  margin-bottom: 20px;
}


/*Team*/

.team-container{
  margin: 20px;
}

.team_member{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 20px;
}



.team_member img{
  width: 95%;
  display: flex;
  align-items: center;

}

.team_title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px;
  color: #72BE3B;
}


.team_member h3{
  color: #72BE3B;
display: flex;

}
.team_member p{
  text-align: left;
  display: flex;

}


.license-container{
  background-color: #72BE3B;
}

.licenses{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.licenses h1{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
}

.licenses img{
  width: 500px;
}



/*Contacts page*/
/*Contacts page*/
/*Contacts page*/



.container_contacts_header{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contacts a{
  color: #72BE3B;
  margin: 0 10px 16px 10px;
}

.contacts_header h1{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #72BE3B;
  margin: 10px;

}

.contacts_header h2{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
}

.contacts_block{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  font-weight: 600;
}

.contacts h4{
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.contacts_towns{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}

.contacts_container{
  background-color: #F2F2F2;
}

.contacts h4{
  display: flex;
  margin: 10px;
  align-items: center;
  justify-content: center;
  font-size: 35px;
}

.con_adress{
  display: flex;
  margin: 10px;
  align-items: baseline;
  justify-content: flex-start;
  font-size: 15px;
}

.con_adress i{
  margin: 10px;
}

.con_time{
  display: flex;
  margin: 10px;
  align-items: baseline;
  justify-content: flex-start;
  font-size: 15px;
}

.con_time i{
  margin: 10px;
}

.con_phone{
  display: flex;
  margin: 10px;
  align-items: baseline;
  justify-content: flex-start;
  font-size: 15px;
}

.con_phone i{
  margin: 10px;
}

.shop_container{
  display: flex;
  justify-content: center;
  align-items: center;
}

.shop_container h1{
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.shop_container p{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 20px 0;
  font-weight: 600 ;
  font-size: 20px;
}


/*Social media*/
.social_media_container{
  background-color: #72BE3B;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social_media{
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 30px;
  font-weight: 600;
}

.social_media a, p{
  color: black;
  margin: 10px;
}

.social_media a:hover{
  color: #F2F2F2;
  margin: 10px;
  transition: 0.25s;
}

.social_mail{
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 30px;
  font-weight: 600;
}

.social_mail p{
  color: black;
  margin: 10px;
}


/*solutions page*/
/*solutions page*/
/*solutions page*/

.solutions_container_header{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  height: 80px;
}

.solutions_container_header h1{
  color: #72BE3B;
  display: flex;
  justify-content: center;
  align-items: center;
}

.solutions_container{
  margin: 20px;
}

.liquid{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.liquid_box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 200px;
  height: 450px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 10px 0 0 0;
  transition: 0.25s;
}

.liquid_link{
  margin-top: 20px;
}

.liquid_link h3{
  font-weight: bold;
}



.liquid_link p{
  text-decoration: none;
  color: black;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  }
  
  .liquid_link h3{
  text-decoration: none;
  color: black;
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  }

.liquid_box:hover{
  border: #72BE3B solid;
  transition: 0.25s;
}

.liquid a{
  display: flex;
  justify-content: center;
  text-decoration: none;
  color: black;
  margin-top: 20px;
  font-size: 30px;
  font-weight: 600;
}


.liquid_img{
  display: flex;
  justify-content: center;
}

.liquid_img img{
  height: 320px;
}

.sorter{
  color: #ffffff;
}
a .sorter:hover{
  color: #72BE3B;
}

/* extracts */
/* extracts */
/* extracts */

.extracts_container_header{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  height: 140px;
}

.extracts_container_header h1{
  color: #72BE3B;
  display: flex;
  justify-content: center;
  align-items: center;
}

.extracts_container{
  margin: 20px;
}

.extracts{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.extracts a{
  text-decoration: none;
}

.extracts_box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 280px;
  height: 420px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 10px 0 0 0;
  transition: 0.25s;
}

.extracts_box:hover{
  border: #72BE3B solid;
  transition: 0.25s;
}

.extracts_link{
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
flex-direction: column;
}

.extracts_link p{
text-decoration: none;
color: black;
font-weight: 600;
font-size: 18px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}

.extracts_link h5{
text-decoration: none;
color: black;
font-weight: 600;
font-size: 20px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}






.extracts_img{
  display: flex;
  justify-content: center;
}

.extracts img{
  width: 220px;
}



.extracts_box_wide{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  width: 90%;
  height: auto;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 20px;
}

.extracts_box_wide:hover{
  border: #72BE3B solid;
  transition: 0.25s;
}

.extracts_mushroom_img img{
  width: 100%;
}

/* Colloids */
/* Colloids */
/* Colloids */

.colloids_container_header{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  height: 80px;
}

.colloids_container_header h1{
  color: #72BE3B;
  display: flex;
  justify-content: center;
  align-items: center;
}

.colloids_container{
  margin: 20px;
}

.colloids{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.colloids a{
  text-decoration: none;
}

.colloids_box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 280px;
  height: 450px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 10px 0 0 0;
  transition: 0.25s;
}


.colloids_link{
  margin-top: 20px;
}


.colloids_link p{
  text-decoration: none;
  color: black;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  }
  
  .colloids_link h3{
  text-decoration: none;
  color: black;
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  }

.colloids_box:hover{
  border: #72BE3B solid;
  transition: 0.25s;
}

.colloids_link{
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
flex-direction: column;
}

.colloids_link a{
text-decoration: none;
color: black;
font-weight: 600;
font-size: 30px;
margin-bottom: 10px;
}

.colloids_link a:hover{
color: #72BE3B;
transition: 0.15s;
}


.colloids_img{
  display: flex;
  justify-content: center;
}

.colloids img{
  height: 350px;
  text-align: center;
}

.herbprod_header{
  margin: 15px 0 15px 0;
}

.herbprod_links{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.herbprod_links a, .herbprod_links ul{
  text-decoration: none;
  color: #72BE3B;
  font-size: 20px;
}



.herbprod_imglinks{
  display: flex;
  justify-content: center;
  align-items: center;
}

.herbprod_imglinks h1{
  color: #72BE3B;
}

.herbprod_imglinks img{
  width: 300px;
  height: 400px;
  padding: 20px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 10px;
}

.herbprod_imglinks_wide{
  display: flex;
  justify-content: center;
  align-items: center;
}

.herbprod_imglinks_wide h1{
  color: #72BE3B;
}

.herbprod_imglinks_wide img{
  width: auto;
  height: 300px;
  padding: 20px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 10px;
}

.herbprod_compound_header {
  overflow: hidden;
  text-align: center;
  font-size: 25px;
  margin: 50px 0 15px 0;
}
.herbprod_compound_header span {
  display: inline-block;
  vertical-align: middle;
}
.herbprod_compound_header:before,
.herbprod_compound_header:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 4px;
  background-color: #72BE3B;
  position: relative;
}
.herbprod_compound_header:before {
  margin-left: -100%;
  left: -14px;
}
.herbprod_compound_header:after {
  margin-right: -100%;
  right: -14px;
}
.herbprod_info a{
  text-decoration: none;
  color: #72BE3B;
}




.herbprod_description{
  margin-top: 40px;
}
.herbprod_description a{
  text-decoration: none;
  color: #72BE3B;
}



.colloidprod_imglinks{
  display: flex;
  justify-content: center;
  align-items: center;
}

.colloidprod_imglinks h1{
  color: #72BE3B;
}

.colloidprod_imglinks img{
  width: 200px;
  padding: 20px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 10px;
}



.waterprod_imglinks{
  display: flex;
  justify-content:center;
  align-items: center;
}

.waterprod_imglinks h1{
  color: #72BE3B;
}

.waterprod_imglinks img{
  width: 400px;
  padding: 20px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 10px;
}


.liquidprod_imglinks{
  display: flex;
  justify-content: center;
  align-items: center;
}

.liquidprod_imglinks h1{
  color: #72BE3B;
}

.liquidprod_imglinks img{
  width: 160px;
  padding: 20px;
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 10px;
}


.doc_container{
  display: flex;
  justify-content: center;
  align-items: center;
}

.doc_container img{
  height: 100%;
}



.discount_header h1{
  display: flex;
  justify-content: center;
  margin: 30px 0 30px 0;
}

.discount_header{
  margin-bottom: 30px;
}

.discountimg img{
  max-width: 100%;
  height: auto;

}

.discountimg{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.discount_towns{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

}

.discount_towns a{ 
  text-decoration: none;
  color: #72BE3B;
}

.discount_descr ul{
  list-style: decimal;
}

.discount_imgs img{
  margin: 20px 0 20px 0;
  width: 100%;
}

.testimonial_container img{
  width: 100px;
}

.testimonial_container a{
  color: #72BE3B;
  text-decoration: none;
}


.testimonial_container{
  margin-top: 30px;
}

.testimonial_container h1{
  color: #72BE3B;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
}
.testimonial_container h3{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
}



/* recommendations */
.recommendations_imglinks{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.recommendations_imglinks h1{
  color: #72BE3B;
}

.recommendations_imglinks img{
  width: 160px;
  padding: 10px;
}

.recommendations_img{
  background-color: #F2F2F2;
  border: #F2F2F2 solid;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recommendations_img img{
  width: auto;
  height: 400px;
}

.recommendations_img_water{
  border-radius: 10px;
  display: flex;
  justify-content: center;
}

.recommendations_img_water img{
  width: 300px;
}

.recommendations_descr{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.recommendations_price{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.recommendations_descr a{
  text-decoration: none;
  color: #72BE3B;
}

.price_item{
  margin-right: 30px;
}

.price_item a{
  text-decoration: none
}

.recommendations_description_container{
  margin-top: 40px;
}

.recommendations_description h3{
color: #72BE3B;
margin-bottom: 15px;
}

.recommendations_description a{
  text-decoration: none;
  color: #72BE3B;
}

.recommendations_description span{
  color: #ff0000;
}

.comment_block{
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}

.comment_head{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.comment_head img{
  width: 100px;
  height: auto;
}

.comment_body a{
  color: #72BE3B;
  text-decoration: none;
}

.comments h3{
  display: flex;
  justify-content: center;
  margin-top: 20px;
  color: #72BE3B;
}

.recommendations_header{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 20px 0;
  text-align: center;
}

.recommendations_o_block img{
  height: 250px;
  margin: 10px 0 10px 0;
}

.recommendations_o_block{
  display: flex;
  justify-content: center;
  align-items: center;
}

.recommendations_timg{
  display: flex;
  justify-content: center;
}

.recommendations_limg img{
  display: flex;
  justify-content: center;
  height: 400px;
  width: auto;
}

.recommendations_limg{
  display: flex;
  justify-content: center;
}


.recommendations_bimg{
  display: flex;
  justify-content: center;
}

.recommendations_bimg img{
  display: flex;
  justify-content: center;
  height: 400px;
  width: auto;
}


.red{
  color: #ff0000;
}

.comments_img img{
  width: 100%;
  height: auto;

}

.gravedo_vid{
  display: flex;
  justify-content: center;
  align-content: center;
  margin-bottom: 20px;
}

.rec_header li{
  margin-bottom: 10px;
}

.rec_header a{
  text-decoration: none;
  color: #72BE3B;
}

.rec_header a:hover{
  text-decoration: underline;
}

.rec_header ul{
  color: #72BE3B;
}

.rec_header h2{
  text-align: center;
  margin-bottom: 30;
}

.rec_main a{
  color: #72BE3B;
  text-decoration: none;
}

.rec_main a:hover{
  text-decoration: underline;
}

.rec_main li{
  margin-bottom: 5px;
}

.rec_header h2{
  margin: 20px 0 20px 0;
}


.alopecia img{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.classic_img{
  width: 50%;
}

@media (max-width: 575px) {
  .classic_img{
    width: 100%;
  }
}