/* * { 
	padding: 0;
	margin: 0;
} (чтобы обнулить значения по умолчанию )*/ 


body {
	background-color: #f1f1f1;
	color: #333333;

	font-size: 16px;
	font-weight: normal;
	font-family: Roboto, sans-serif;

	/* font: normal 16px 'Roboto'; */

	/*font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: blue;
}

a:visited {
	color: grey;
}

.avatar {
	width: 200px;
	border-radius: 28px;
	box-shadow: 4px 4px 14px rgba(0, 0, 0, 025);
}

/*https://www.youtube.com/watch?v=SpCUuyZZTp8&t=20s 32:36x */

.info p {
	color: #86898f;
	margin: 0;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	/* text-transform: none; */
	/* letter-spacing: 5px; */
	/*word-spacing: 4px;*/
}

.info {
	display: flex;
	margin-bottom: 20px;
}

@media (max-width: 700px) {
   .info {
   	text-align: center;
   	display: block;
   }
}

.info-text {
  margin-left: 40px;	
}

.info-text h4 {
  margin-bottom: 40px;
}

/*Box Model*/
.container {
  max-width: 750px;
  margin: auto;
  padding-top: 30px;
}

/* .social {
  /* background: green;
  /* padding: 15px; */
  /* padding: 15px 40px; */
  /* padding: 15px 20px 25px 30px; */
  /*padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 30px;
  margin: 5px;

  border: 5px solid red;
  border-bottom-style: dotted;
  border-top-width: 15px;
  border-right-color: blue;
} */


/* .box-model > div {
  float: left;
  background: #000;
  height: 200px;
  border: 4px solid red;
  width: 25%;
  box-sizing: border-box;
} */

.bg-yellow {
	background: #fff9dc;
}
.bg-green {
	background: #e5ffe7;
}
.bg-red {
	background: #ffe5e5;
}

.card {
	padding: 15px 20px;
	margin-bottom: 20px;
	border-radius: 20px;
}

.card h2 {
	margin-bottom: 10px;
}

.list {
   padding: 0 0px;
   /* list-style: none; (отключить порядковые номера) */
}

.list li {
	color: #86898f;
	margin-bottom: 10px;
	/* border-bottom: 1px solid grey; */
}

  .table {width: 100%;
}

.table td {
	padding-bottom: 10px;
}

.table td:nth-child(2),
.table td:nth-child(3) {
	color: #86898f;
}

/*.table tr:nth-child(odd) {
	background: #fff9dc;
}*/

.link-list {
  list-style: none;
  padding: 0;
}

.link-list {
  margin-bottom: 10px;
  padding-bottom: 5px;
  /*border-bottom: 2px solid #ccc;*/
}

.link-list li:nth-child {
   border-bottom: 2px solid #ccc;
}

.contact h2 {
  text-align: center;
}

.form-group label {
  display: block;
  font-size: 14px;
  color: #86898f;
}

.form-group input,
 .form-group textarea {
	width: 100%;
	box-sizing: border-box;
	border: none;
	background: transparent;
	border-bottom: 1px solid #ccc;
	padding: 15px 0 10px;
	outline: none;
	font-family: inherit;
}

.row {
  display: flex;
  margin-bottom: 20px;	
}

.row > .form-group {
  width: 50%;
  margin-right: 20px;
} 

.row > .form-group:last-child {
	margin-right: 0;
}

.btn {
  background: #111;
  padding: 15px 20px;
  color: #fff;
  border: none;
  font-family: inherit;
  cursor: pointer;  
}

.btn:hover {
  opacity: 0.9;
}

/*position*/

.position {
  border: 4px solid black;
  margin-top: 40px;
  padding: 20px;
}

.box {
  position: absolute;	
  width: 50px;
  height: 50px;	
  background: lightcoral;
}