.nutritionist h1{ padding-bottom:20px;}
.nutritionist-content{ max-width: 480px; margin: auto;    border-top: 1px solid rgb( 0 0 0 / 20%); padding-top: 25px;}
.nutritionist-text h2{ text-align: left; font-size: 20px; text-transform: none; color: #004F38; margin-bottom: 20px; font-weight: bold}
.nutritionist-text p{ margin-bottom: 10px;}

.nutritionist-foto{ padding-top: 15px;}
.nutritionist-img img{border-radius: 10px; max-width: 100%; width: 100%}
.nutritionist-name{ margin: 20px 0}
.nutritionist-name p:first-child{ color:#004F38; font-weight: bold; font-size: 18px !important; line-height: 1.3; margin-bottom: 10px; letter-spacing: 1px }
.nutritionist-name span{ display: block}
.nutritionist-name p:last-child{ color:#004F38; }

.nutritionist-certs{ display: flex; justify-content: space-between; margin: 0 -5px}
.nutritionist-certs .certs-item{width: calc(30% - 5px); margin: 0 5px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13); cursor: zoom-in }
.nutritionist-certs .certs-item img{ border-radius: 6px;}
.nutritionist-certs .certs-last{ width: 40px; background-color:  rgba(0, 79, 56, 0.11); background-repeat:no-repeat;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDIxIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjIuNSIgY3k9IjIuNSIgcj0iMi41IiBmaWxsPSIjMDA0RjM4Ii8+CjxjaXJjbGUgY3g9IjEwLjUiIGN5PSIyLjUiIHI9IjIuNSIgZmlsbD0iIzAwNEYzOCIvPgo8Y2lyY2xlIGN4PSIxOC41IiBjeT0iMi41IiByPSIyLjUiIGZpbGw9IiMwMDRGMzgiLz4KPC9zdmc+Cg=='); background-position: center; background-size: 20px; }

.bottons{  }
.bottons.desctop{ display: none}
.bottons.mobile{ margin: auto;  margin-top: 50px; }
.bottons.mobile p{ text-align: center; margin-bottom: 25px;}
.button{border-radius: 50px; height: 60px; cursor: pointer; background-color: #004f38;color: #fff; padding: 0 15px; text-align: center;font-weight: 600;letter-spacing: -0.5px;font-size: 16px;     box-shadow: 0 5px 25px 0 rgba(51, 51, 51, 0.28);  max-width: 320px;}
.button:last-child{ margin-top:30px; background: #EF9D22}

.bottons.mobile .button{ margin-left: auto; margin-right: auto }

@media only screen and (min-width: 768px) {
    .nutritionist-text h2{ font-size: 22px;}

    .nutritionist-content{ display: flex; max-width: none}
    .nutritionist-text{ width: 50%; padding-right: 20px}
    .nutritionist-foto{ width: 50%; padding-left: 20px; padding-top: 0}

    .bottons.desctop{ display: block;}
    .bottons.desctop p{ display: block; margin-bottom: 30px;}
    .bottons.mobile{ display: none}
}




@media only screen and (min-width: 1024px) {

    .nutritionist h1{    max-width: 700px;}
    .nutritionist-text h2{ font-size: 26px;}

    .nutritionist-content{ display: flex; max-width: none}
    .nutritionist-text{ width: 50%; padding-right: 30px}
    .nutritionist-foto{ width: 50%; padding-left: 30px}
}
