html, body, div, ul, ol, li, table, tr, td {padding: 0; margin: 0; outline: 0; border: 0;  word-wrap: break-word !important;}
a{text-decoration: none; color: inherit; cursor: pointer;}
p{text-align: justify; font-size: 17px; line-height: 25px;}
*{
	font-family: 'helveica', arial, serif; text-shadow: none;}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.container.intro {
	width: 100%;
	position: fixed;
	height: 100%;
	background-size: cover !important;
	background: #eee url(https://source.unsplash.com/1600x900/?professional,computer,programming,electronics) no-repeat top center;
}
.intro-child {
	height: 80vh;
	width: 80%;
	border-radius: 50px;
	overflow: hidden;
	display: flex;
}
.uno{
	width: 40%;
	background: rgba(211, 158, 0, 0.9);
	height: 100%;
}
.uno .mipic{
	width: 300px;
	height: 350px;
	background: #ccc;
	border-radius: 30px 30px 4px 4px;
	border-bottom: 4px solid #cd3c06;
	overflow: hidden;
}
.uno .mipic img {
	width: 300px;
	height: auto;
}
.dos{
	width: 60%;
	background: rgba(205, 60, 6, 0.9);
	height: 100%;
	overflow: auto;
}
.dos .midetalles {
	max-width: 80%;
	margin: auto;
}
.dos .midetalles p {
	color: #000;
	font-size: 23px;
	text-shadow: 1px 1px 10px #d39e00;
	letter-spacing: 1px;
	text-align: left;
}
.dos .midetalles p button {
	padding: 10px;
	font-size: 20px;
	background: #d39e00;
	border: none;
	outline: none;
	cursor: pointer;
}

@media screen and (max-width: 700px) {
	.container.intro {
		background: #eee url(https://source.unsplash.com/700x900/?professional,computer,programming,electronics) no-repeat top center;
	}
	.intro-child {
		height: 90vh;
		width: 95%;
		border-radius: 10px;
		flex-direction: column;
	}
	.uno{
		width: 100%;
	}
	.uno .mipic{
		width: 200px;
		height: 200px;
		border-radius: 100%;
		border-bottom: none;
		overflow: hidden;
		text-align: center;
	}
	.uno .mipic img {
		width: 200px;
		height: auto;
	}
	.dos {
		width: 100%;
	}
	.dos .midetalles p {
		font-size: 17px;
	}
}
@media screen and (max-width: 1100px) {
	.container.intro {
		background: #eee url(https://source.unsplash.com/1100x1100/?professional,computer,programming,electronics) no-repeat top center;
	}
	.uno .mipic{
		width: 200px;
		height: 200px;
		border-radius: 100%;
		border-bottom: none;
		overflow: hidden;
		text-align: center;
	}
	.uno .mipic img {
		width: 200px;
		height: auto;
	}
}