/*
	 * Theme Name: Cecilia Meireles
	 *
	 * assets/css/page.css | Página interna
	 *
	 */

	.page {
		display: flex;
		flex-direction: row;
		margin-bottom: 170px;
		font-size: 14px;
	}

	.page h3 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 0px;
	}

	.page h3 + p {
		margin-top: 5px;
	}

	.page .titulo {
		min-width: 282px;
		margin-right: 60px;
		font-size: 35px;
		font-weight: bold;
	}

	.page .titulo div {
			position: relative;
	}

	.page .titulo div:after {
		content: "";
		display: block;
	  	width: 85px;  
	  	height: 1px;
	  	position: absolute;
	  	left: 0px;
	  	bottom: -20px;
	  	border-bottom: 1px solid #d2d2d2;	 	
	}

	.page .conteudo {
		flex-grow: 1;
		margin-top: 10px;
	}

	.page .conteudo p img {
		width: 100% !important;
		height: auto;
	}

	.page .quote {
		position: relative;
		width: 460px;
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 80px;
	}

	.page .quote:after {
		content: "";
		display: block;
	  	width: 245px;  
	  	height: 1px;
	  	position: absolute;
	  	left: 0px;
	  	bottom: -30px;
	  	border-bottom: 1px solid #d2d2d2;	 	
	}

	.page .quote p + div {
		margin-top: 30px;
	}

	.page .quote .author {
		font-size: 13px;
		font-weight: 800;
		text-transform: uppercase;
	}

	.page .quote .title {
		font-size: 12px;
		font-weight: normal;
	}

	.page .quote .author:empty {
		display: none;
	}

	.page .quote .title:empty {
		display: none;
	}
	
	.page .slider .panel-content {
		position: relative;
	}

	.page .slider {
		flex-grow: 1;
	}

	.page .slider .image {
		background-color: #545361;
		width: 783px;
		height: 448px;
		text-align: center;
	}

	.page .slider .caption {
		background-color: #f1f1f1;
		width: 100%;
		height: 55px;
		font-size: 14px;
		padding-left: 20px;
	}

	.page .slider .controls {
		position: absolute;
		bottom: 75px;
		right: 20px;
		font-weight: bold;
		font-size: 25px;
	}

	.page .slider .controls .button {
		color: #e8e8e8;
		text-shadow: 1px 1px 1px #000;
		margin-right: 8px;
	}

	.page .slider .button:last-child {
		margin-right: 0px;	
	}

	.page .panel {
		width: 783px;
		height: 503px;
	}

	.linha{
		display: flex;
		flex-flow: row wrap;
	}
	
	.coluna-50 {
    width: 50%;
	}

@media screen and (max-width: 1365px) {

	.page {
		flex-direction: column;
	}

	.page .titulo {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 60px;
	}

	.page .slider .image {
		width: 660px;
		height: 377px;
	}

	.page .panel {
		width: 660px;
		height: 432px;
	}

}	

@media screen and (max-width: 760px) {

	.page .quote {
		position: relative;
		width: 260px;
	}

	.page .quote:after {
	  	width: 155px;  
	}

	.page .slider .image {
		width: 340px;
		height: 194px;
	}

	.page .slider .caption {
		height: 27px;
		font-size: 13px;
		padding-left: 10px;
	}

	.page .panel {
		width: 340px;
		height: 221px;
	}

	.page .slider .controls {
		display: block;
		width: 340px;
		top: 85px;
		left: 0px;
		right: initial;
		bottom: initial;
	}

	.page .slider .controls .button.prev {
		float: left;
		margin-left: 8px;
	}

	.page .slider .controls .button.next {
		float: right;
		margin-right: 8px;
	}
	
}