/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.slider-principal .ms-slide-info{
	left: calc(50% - 180px);
  	top: calc(50% - 193px);
  	width: auto;
  	bottom: auto!important;
  	min-height: auto!important;
}
.slider-principal .ms-slide-info img{
	margin-bottom: 25px;
}
.slider-principal .ms-slide-info h3{
    font-family: "Lato", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 10px;
}

@media only screen and (max-width: 1200px) {
	.slider-principal .ms-slide-info{
        left: calc(50% - 150px);
        top: calc(50% - 160px);
    }
    .slider-principal .ms-slide-info img{
        margin-bottom: 10px;
      	width: 300px;
    }
    .slider-principal .ms-slide-info h3{
        font-size: 15px;
    }
}

@media only screen and (max-width: 900px) {
	.slider-principal .ms-slide-info{
        left: calc(50% - 110px);
        top: calc(50% - 120px);
    }
    .slider-principal .ms-slide-info img{
        margin-bottom: 10px;
      	width: 200px;
    }
    .slider-principal .ms-slide-info h3{
        font-size: 13px;
    }
}

@media only screen and (max-width: 750px) {
	.slider-principal .ms-slide-info{
        left: calc(50% - 68px);
        top: calc(50% - 67px);
    }
    .slider-principal .ms-slide-info img{
        margin-bottom: 10px;
      	width: 100px;
    }
    .slider-principal .ms-slide-info h3{
        font-size: 10px;
      	margin-bottom: 10px;
      	letter-spacing: 5px;
    }
 
  .slider-principal,
  .slider-principal .master-slider,
  .slider-principal .ms-container,
  .slider-principal .ms-inner-controls-cont,
  .slider-principal .ms-view,
  .slider-principal .ms-slide,
  .slider-principal .ms-slide-bgcont,
  .slider-principal .ms-slide-bgcont img
  {
  	/*min-height: 250px;*/
  }
}

@media only screen and (max-width: 500px) {
	.slider-principal .ms-slide-info{
        left: calc(50% - 57px);
        top: calc(50% - 52px);
    }
    .slider-principal .ms-slide-info img{
        margin-bottom: 5px;
      	width: 70px;
    }
    .slider-principal .ms-slide-info h3{
        font-size: 7px;
    }
}