.more{
			position: fixed;
			top: 0%;
			left: 0%;
			right: 0%;
			bottom: 0%;
			display: none;
			background:hsl(70,70%,90%);
			text-align: left;
		
		}
		.more div{
			background: hsl(70,20%,45%);
			padding: 15px;
			padding-top: 50px;
			position: relative;
			min-height: 230px;
		}
		.more aside {
			position: absolute;
			right: 20px;
			bottom: 0px;
		}
		.more aside img{
			display: block;
			width: 50px;
		}
		.more i{
			float: right;
			display: inline-block;
			color: white;
			font-style: normal;
			margin: 20px;
			margin-top: -30px;
			margin-right: 30px;
			cursor: pointer;
			font-size: 33px;
			color: white;
		}
		.more .profile{
          width: 100px;
          height: 100px;
          border-radius: 50%;
           float: left;
           margin-right: 15px;
		}
		.more b, .more em{
			display:block;
			color: white;
			text-transform: capitalize;
			font-weight: normal;
			font-style: normal;
		}
		.more b{
           font-weight: bold;
           margin-bottom: 30px;
           font-size: 17px;
           margin-top: 10px;
		}
		.more em{
			font-size: 14px;
		}
		.more p{
			color: black;
			clear: both;
			padding: 10px;
		}
		
		.more h1{
			color: hsl(70,20%,45%);
			font-size: 22px;
			margin-bottom: 5px;
			font-weight: normal;
		}
		/*.more h1:after{
			content: '^';
			float: right;
			transform: rotate(180deg);

		}*/
		.more h1.active:after{
			content: '^';
			float: right;
			transform: rotate(360deg);

		}
		.more h4{
			color: black;
			font-size: 14px;
			font-weight: normal;
			display: none;
		}
		.more h4.show{
			display:block;
		}
		.more li{
			list-style: none;
			border-bottom: 2px solid hsl(70,20%,45%);
			padding: 5px;
		}
		.more ul{
			padding: 10px;
		}
		@media(min-width: 1000px){
			.more .profile{
          width: 140px;
          height: 140px;
          border-radius: 50%;
         
		}
		.more div{
			padding-left: 75px;
		}

		.more b{
margin-top: 20px;
font-size: 23px;
		}
		.more em{
			font-size: 16px;
		}
		.more p, .more h1, .more h4{
			padding-left: 60px;
			padding-right: 60px;
		}
		.more h4{
			padding-right: 200px;
		}.more p{
			padding-left: 75px;
			padding-right: 80px;
		}
			.more{
				top: 20%;
				left: 20%;
				bottom: 20%;
				right: 20%;
			}

		}