@media only screen and (min-width: 601px) {

.textocab{font-size:45px;color:white;}
.textocab2{font-size:140%;color:white;text-align:right;}
	.circular--landscape {
	position:relative;float:left;
  display: inline-block;
  position: relative;
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 50%;
  margin-right:20px;
}


.divponente{position:relative;float:left;width:33%;text-align:center;}


.circular--landscape img {
  width: auto;
  height: 100%;

}
}


@media only screen and (max-width: 600px) {
		.logocab{margin-bottom:50px;}
.textocab{font-size:25px;color:white;top:50px;}
.textocab2{font-size:100%;color:white;text-align:right;}
	.circular--landscape {
	position:relative;clear:left;text-align:center;
  display: inline-block;
  position: relative;
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 50%;
  margin-right:20px;
}

.circular--landscape img {
  width: auto;
  height: 100%;

}


.avatar img {
  width: auto;
  height: 100%;

}


.divponente{position:relative;float:left;width:100%;text-align:center;}
	}
	
	
	
	/*otra prueba 27-06-2018*/
.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 160px;
    width: 160px;
	position:relative;clear:left;text-align:center;
  display: inline-block;
  position: relative;
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 50%;
  margin-right:20px;
}