section{
	text-align: center;
	padding-top: 2em;
}
section h1{
	vertical-align: middle;
	display: inline;
	text-decoration: none;
	text-align: center;
	font-size: 70px;
	color: gray;
}
section hr{
	display: inline-block;
	text-align: center;
	width: 20%;
	max-width: 80%;
	text-decoration: none;
	margin: 0 3px 0 3px;
	background-color: rgb(22, 116, 63);
	border: none;
	height: 3px;
}
section h4{
	text-align: left;
	color: gray;
	font-size: 20px;
	font-weight: normal;
}

section .contenedor{
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    	display: -ms-flexbox;      /* TWEENER - IE 10 */
    	display: -webkit-flex;  
	justify-content:space-around;
	-webkit-justify-content:space-around;
}

section .image{
	max-width: 250px;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index:99999999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	padding-top: 5em;
}
.lightbox img {
	/** Pad the lightbox image */
	width: 804px;
	height: 538px;
}
.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}
@media screen and (max-width: 1024px){
	section .contenedor{
		display: flex;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;  
		justify-content:center;
		-webkit-justify-content:center;
		flex-direction: column;
		-webkit-flex-direction:column;
		align-items:center;
		-webkit-align-items:center;
	}
	section .image {
	    max-width: 250px;
	    margin-right: 17em;
	}
}
@media screen and (max-width: 768px){
	section h1{
		vertical-align: middle;
		display: inline;
		text-decoration: none;
		text-align: center;
		font-size: 50px;
		color: gray;
	}
	section hr{
		display: inline-block;
		text-align: center;
		width: 10%;
		max-width: 80%;
		text-decoration: none;
		margin: 0 3px 0 3px;
		background-color: rgb(10,175,1);
		border: none;
		height: 3px;
	}
}

@media screen and (max-width: 480px){
	section h1{
		vertical-align: middle;
		display: inline;
		text-decoration: none;
		text-align: center;
		font-size: 30px;
		color: gray;
	}
	section .image {
	    max-width: 250px;
	    margin-right: 14.5em;
	}
}
@media screen and (max-width: 414px){
	section .image #sliderFrame {
	    display: none;

	}
	section .image {
	    max-width: 250px;
	    margin-right: 12.8em;
	}
	
	section .text h4{
		text-align: center;
	}
}
@media screen and (max-width: 384px){
	section .image {
	    max-width: 250px;
	    margin-right: 11.9em;
	}
}
@media screen and (max-width: 320px){
	section h1{
		vertical-align: middle;
		display: inline;
		text-decoration: none;
		text-align: center;
		font-size: 20px;
		color: gray;
	}
	section .image {
	    max-width: 250px;
	   	margin-right: 10em;
	    margin-left: 2em;
	}
}