added some changes

src/components/specialists/MoreInfo.js

@@ -11,9 +11,9 @@ export default class MoreInfo extends React.Component {
 
         console.log (this.props, doctor)
         return (
-            <>
-           {doctor && <div >
-               <h3>{doctor.name}</h3> 
+            <main className = "main">
+           {doctor && <div className= "wrapper">
+               <h2>{doctor.name}</h2> 
                 <p>Duration:{doctor.profession}</p>
                 <p>{doctor.description}</p>
                 <p>Price:{doctor.experience}грн.</p>
@@ -28,7 +28,7 @@ export default class MoreInfo extends React.Component {
                 <Link to={`/appointment/${service}`}>Make an appointment</Link>
             </div>
             }
-            </>
+            </main>
         );
     }
 }

src/style/all.scss

@@ -18,6 +18,7 @@ body {
 	background-size: cover;
 	background-attachment: fixed;
 	min-height: 100vh;
+	padding-top: 120px;
 }
 
 .container {
@@ -38,7 +39,7 @@ body {
 	display: flex;
 	justify-content: space-around;
 	flex-wrap: wrap;
-   	margin: 0 auto;
+   	margin: 0 auto ;
     vertical-align: middle;
 	font-weight: 700;
 	background-color: $opacity-color;
@@ -353,7 +354,7 @@ h2 {
 // _____DOCTORS_____ 
 
 .doctors-wrap {
-	margin-top: 120px;
+	// margin-top: 120px;
 }