@font-face{font-family:Helvetica;
	src: url('style/fonts/Helvetica400.eot');
    src: url('style/fonts/Helvetica400.eot?#iefix') format('embedded-opentype'),
    url('style/fonts/Helvetica400.woff2') format('woff2'),
    url('style/fonts/Helvetica400.woff') format('woff'),
    url('style/fonts/Helvetica400.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{ 
	background-color:#021c39; 
	color:#c1c1c1;
	padding: 30px 25px;
	font-family:Helvetica;
	font-size:0.875rem;
}
p.premium-color{ color: #a36f57; font-size: 12px; }
.premium-container{ padding:30px 0px; }

ul li::before {
  content: "\2022";
  color: #a36f57;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1.1em;
}

@media only screen {
	.premium-container{
		display: grid;
		grid-gap: 10px;
	}
	.premium-container .main-text{
		display: grid;
		grid-template-columns: auto;
	}
	.specialist{ display: grid;
			grid-template-columns:auto;
			grid-gap: 20px;
	 }
	 .specialist .specialist-info{
	 		display: grid;
	 		grid-template-columns: auto;

	 }
	.specialist > img.person{  border-radius:50%; overflow: hidden; 
		 box-shadow:-2px -1px 21px -3px #fff;
	}
	.info-sign{  border-top: 1px solid #7bd000;	position: relative; margin-top: 7px;}
	.info-sign > img { width: 100px; float: right; margin-top: 15px;}
	.info-sign > span { 
			width: 80px;
	    background-color: #021c39;
	    color: #c1c1c1;
	    position: absolute;
	    top: -12px;
	    font-size: 10px;
	    right: 0px;
	    padding: 2px 7px;
	 }
	 .specialist-info > div{ line-height: 1.5; }
}
@media only screen and (max-width: 600px) {
	.specialist > img.person{  max-width: 120px; margin:auto; }
	.mar-btm-30 {margin-bottom: 20px;}
	.mar-btm-50 {margin-bottom: 30px;}
	.premium-container{
		grid-template-columns: 100%;
	}
	.premium-container .premium-logo{ margin-bottom: 50px; }
	.decor{ display: none; }
	.info-sign{ margin-top: 15px; }
}
@media only screen and (min-width: 601px) {
	.main-text{ padding-left: 30px; max-width:550px }
	.decor{ position: relative; }
	.decor > div{
			width: 50%;
    height: 100%;
    background-image: url("img/decoo.png");
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right:0px;

	}
	.mar-btm-30 {margin-bottom: 30px;}
	.mar-btm-50 {margin-bottom: 50px;}
	.premium-container{ grid-template-columns: 20% 80%; 	}
	.premium-container .premium-logo{ margin-bottom: 50px; }
	.premium-container{ padding:40px 0px; }
	.specialist{ display: grid;
			grid-template-columns: 170px auto;
			grid-gap: 30px;
	 }
	.specialist-info > div{ line-height: 1; }
	.specialist > img.person{ margin-top:-20px; }
	 
}
@media only screen and (min-width: 700px) {
	.main-text{  max-width: 680px; }
}
@media only screen and (min-width: 1024px) {
	.main-text{  max-width: 800px; }
	.premium-container{ grid-template-columns: 30% 70%; 	}
}