button.ui-button-spid.ui-button {
	width:200px; 
	height:55px;
}

.ident-choice-desc{
	padding: 0 5px;
    text-align: center;
    min-height: 100px;
}

.landing-spid-choice{
	
	min-height: 430px;
	box-shadow:0 2px 5px 0 #888888;
	margin:auto;
	display:flex;
	justify-content: center;
	text-align:center;
	background:#ffffff
}

/* @media screen and (min-width: 2500px) {
		.landing-spid-choice{
    	min-height: 1000px;
	}
} */

/* @media screen and (max-width: 2000px) and (min-width: 1200px) {
		.landing-spid-choice{
    	min-height: 600px;
	}
} */


@media screen and (max-width: 1400px) and (min-width: 1200px) {
	.ident-choice-desc {
    	min-height: 110px;
	}
}

@media screen and (max-width: 1000px)  {
	.ident-choice-desc {
    	min-height: 140px ;
	}

	.ui-button-spid {
		width: 140px !important;
	}
}

@media screen and (max-width: 2000px) and (min-width: 1200px)  {
	.landing-spid-choice{
    	min-height: 430px !important;
	}	
}

@media screen and (max-width: 1200px) and (min-width: 900px) {
	.landing-spid-choice{
    	min-height: 470px !important;
	}	
}

@media screen and (max-width: 900px) and (min-width: 640px){
	.landing-spid-choice{
    	min-height: 570px !important;
	}	
}

/* @media screen and (max-width: 1000px) {
	.landing-spid-choice{
    	min-height: 600px !important;
	}	
} */

@media screen and (max-width: 800px)  {
	/* .landing-spid-choice{
    	min-height: 550px ;
	} */
}
	
@media screen and (max-width: 820px)  {
	.ident-choice-desc {
    	min-height: 170px;
	}
}
	
@media screen and (max-width: 680px)  and (min-width: 640px) {
	.ident-choice-desc {
    	min-height: 200px ;
	}
	.ui-button-spid {
		width:125px !important;
	}
}
	
@media screen and (max-width: 640px)  {
	.ident-choice-desc{
    	min-height: 20px ;
	}
	.ui-button-spid {
		width:180px !important;
	}
}

body .ui-panel div.toggleableLandingPage {
	border: none;
	box-shadow: 0 1px 7px #00000036;
}

body .ui-panel div.toggleableLandingPage .ui-panel-titlebar {
	border-bottom: none;
	padding: 0 16px;
}

body .ui-panel div.toggleableLandingPage .ui-widget-header {
	background-color: #FFFFFF;
	padding: 0;
}

div.toggleableLandingPage .ui-panel-titlebar .ui-panel-title {
	margin: 0;
}

div.toggleableLandingPage .ui-panel-titlebar .ui-panel-titlebar-icon {
	display: none;
}

.imgContainerDiv {
	cursor: pointer;
	position: relative;
}

.imgContainerDiv .imgLogoDiv {
	height: 100px; 
	width: 100px;
	background-color: #632D4F;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
}

.imgContainerDiv .imgIdentDiv {
	width: 100%;
	top: 0;
	left: 0;
	background-size: cover;
}

.identHeader {
	padding: 15px 10px 0 5px;
	text-align: center;
	color: #632D4F;
	font-size: 20px;
    font-weight: 400;
    min-height: 60px;
}

@media screen and (max-width: 1300px) {
		.identHeader {
    	min-height: 90px;
	}
}

@media screen and (max-width: 700px) and (min-width: 640px) {
	.identHeader {
    	min-height: 120px;
	}
}

.identDescription {
	padding: 0 5px;
    text-align: center;
    min-height: 120px;
}


@media screen and (max-width: 1100px) and (min-width: 640px) {
	.identDescription {
    	min-height: 140px;
	}
}

.identTempoMedio {
	text-align: center;
	margin: auto;
	color: #632D4F;	
}

div.divHeader {
    background-color: #632D4F;
}

div.divBottom {
	background: #632D4F 0 0 no-repeat padding-box;
    height: 65px;    
}

div.stepDescription {
	color: #FFFFFF;
	text-align: right;
	background-color: #e2001a;
	font-weight: 700;
	padding: 0;
}
div.stepDescription ul {
	list-style-type:none;
	margin-bottom: 0;
}
div.stepDescription div {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding-right:50px;	
}
@media screen and (max-width: 650px) {
	div.stepDescription {
		display: none;
	}
}
@media screen and (min-width: 650px) {
	div.ui-g-12.landingPageCardContainer {
		padding: 0 50px;
	}
}