@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: "GT America";
    src: url("fonts/GTAmerica/GT-America-Standard-Regular.woff") 
}

@font-face {
    font-family: "morse";
    src: url("fonts/morse/morse.ttf") 
}


@font-face {
    font-family: "braile";
    src: url("fonts/philing_braille-normal/braile.ttf") 
}


body{
	margin:0;
	font-family:'GT America', sans-serif;
	text-align:center;
	font-size:16pt;
}

#fondo{
	background:#efdada;
}


#contenido{
	display:inline-block;
	/*margin: 60px;*/
	width:70%;
	max-width:1300px;
	min-width:850px;
}

#mainPage{
	margin:50px 0;
	opacity:0;
}

#pancho{
	text-align:left;
	font-size:1.4em;
	display:inline-block;
	width:100%;
	
}

#perspective{
	text-align:right;
	font-size:1em;
	display:none;
	width:10%;
	opacity:0;
}

a{
	color: black;
}

#thinking{
	text-align:left;
	margin: 270px 0 140px 0;
}

#beautiful{
	margin: 10px 0;
	font-size:3.3em;
	/*font-family: 'Noto Serif', serif;*/
	color:white;
	display:inline-block;

}
#subTitle{
	font-size:1.5em;
	display:inline-block;
	
	/*width:72%;
	color:white;*/
}

.item_title{
	font-size:1.3em;
	background:white;
	border-top:3px solid black;
	border-left:3px solid black;
	border-right:3px solid black;
	padding: 15px 25px;
	text-align:left;
	cursor:pointer;
}

.last_item_title{
	border-bottom:3px solid black;
	
}

.hide_content{
	
	height:0px;
	overflow:hidden;
}

.item_content{
	padding:45px 0 45px 0;
	text-align:left;
	
}

.name{
	display:inline-block;
	text-align:left;
	
}
.icon{
	display:inline-block;
	float:right;
	margin-top: 6px;
	
}

.icon img{
	height:25px;
}

#bio{
	margin-top:80px;
	text-align:left;
	font-size:1em;
}

.table{
	display:table;
}
.row{
	display:table-row;
}

.cell-65{
	display:table-cell;
	width:65%;
	vertical-align: top;
}
.cell-35{
	display:table-cell;
	width:35%;
	padding-left:40px;
	vertical-align: top;
}

.bottom_b{
	display:inline-block;
	width:49%;
	margin-top:40px;
	height:105px;
}
.left{
	text-align:left;
}

.right{
	text-align:right;
}

.fLeft{
	float:left;
}

.fRight{
	float:right;
}

/*   Carrusel  */
	
.car_pageScroll{
	overflow:hidden;
	display:block;
	
	margin:0;
	padding:0;
}

.car_pageCont{
	display:table;
	margin:0;
	padding:0;
	}
	
.car_row{
	display:table-row;
	margin:0;
	padding:0;
	width:100%;
}

.car_block{
	display:table-cell;
	margin:0;
	padding:0;
}


.car_block img{
	width:100%;
	margin:0;
	padding:0;
	
}

.car_margin{
	width:30px;
	display: table-cell;
}

/*   Carrusel END */






.readingBlock{
	display:inline-block;
	width:95%;
	border: 3px solid black;
	background-color:white;
	text-align:left;
	/*height:400px;*/
	cursor:pointer;
	overflow:hidden;
	/*max-width:290px;*/
	font-family:'GT America', sans-serif;
	line-height: normal;
}

a.readingBlockLink{
	text-decoration:none;
}

.bloclMargin{
	display:inline-block;
	width:0;
}

.readingBlock:hover{
	background-color:#F7F7F7;
}

.readingTitle{
	font-size:1.3em;
	margin:20px;
	/*height:130px;*/
}

.readingSubTitle{
	font-size:12pt;
	margin:20px;
	/*height:190px;*/
}

.readingWords{
	font-size:0.5em;
	margin:20px;
	height:15px;
}

#projectImgesCont{
	border:solid 3px black;
	display:block;
	overflow:hidden;
	position:relative;
}


#projectRowImges{
	display:inline-block;
}

#projectImgesCont img{
	width:100%;
}

.projectImgCont{
	display:inline-block;
	
}

#projectDescription{
	border:solid 3px black;
	border-top:none;
	background:white;
	padding:15px;
	display:table;
}
#projects_content{
	position:relative;
}

.projectSubtitle{
	margin-top:20px;
	font-size:0.7em;
}

.insideButtonCont{
	position:absolute;
	top:0;
	width:100%;
	z-index:60;
	padding-top:45px;
}

.insideButtonContStrap{
	position:relative;
}

.insideImgButton{
	cursor:pointer;
	display:inline-block;
	margin:20px;
}

.insedeButRight{
	float:right;
}

.insideButLeft{
	float:left;
}

.nextPrev_cont{
	margin-top:45px;
	height:35px;
}



.nextPrev_arrows{
	height:35px;
	display:inline-block;
	cursor:pointer;
}

#reading_page{
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
 
    overflow-y: auto;
    z-index: 15;
	display:none;
	}
	
.talk{
	font-size:0.8em;
	margin-top:20px;
	margin-bottom:5px;
}
.talk_date{
	font-size:0.6em;
}

.future{
	opacity:0.6;
}

a.talk_link {
	color: black;
	text-decoration:none;
}
a.talk_link:hover {

	text-decoration:underline;
}

#tedx{
	width:560px;
	height:315px;
}
#talks_list{
	display: table-cell;
    width: 35%;
    vertical-align: top;
	padding-left: 20px;
}
#talks_talk{
	display: table-cell;
    width: 65%;
    vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
}


@media only screen 
  and (max-device-width: 820px)
  and (orientation: portrait) { 
  
  #contenido{
	
	margin: 20px;
	width:90%;
	
}
 
body{font-size:3em}
#beautuful{
	
	font-size:3.6em;
}
.item_title{
	font-size:1.4em;
}
#subTitle{
		width:90%;
		font-size:1.3em;
}
.table {
	display:block;
}
.row {
	display:block;
}
.cell-65 {
	display:block;
	width:100%;
}

.cell-35 {
	display:block;
	width:100%;
	padding:0;
}


#talks_talk {
	display:block;
	width:100%;
	padding:0;
}

#talks_list {
	display:block;
	width:100%;
	padding:0;
}

  
  .readingTitle {
    font-size:38pt;
	padding-bottom:10px;
	
  }
  
  .readingSubTitle {
    font-size:28pt;
	padding-bottom:10px;
}
.readingWords{

	padding-bottom: 20px;
}

.icon img{
	height:35px;
}

.icon {
	margin-top:20px;
}
  }
  

/* Landscape */
@media only screen 
  and (max-device-width: 820px)
  and (orientation: landscape) { 

		
		#mainPage{
			margin-top:15px;
		}
		#contenido {
    
		margin: 29px;
}

#beautiful{
	margin: 20px 0px 0px 0px;
}

#subTitle{
	font-size:1.35em;
}


readingTitle {
    font-size:20pt;
	
  }
  
  .readingSubTitle {
    font-size:15pt;
}

.projectSubtitle{
	font-size:0.9em;
}

	   
}


/* iPad Pro */
/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  body{font-size:2.2em}
	  #beautiful{
		  
		 font-size: 3.7em;
	  }
	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	body{font-size:1.8em}
}

/*Pixel 2XL*/
@media only screen 
and (min-device-width : 411px) 
and (max-device-width : 823px) 
and (orientation : landscape) {
	body{font-size:1.2em}
	}
	
@media only screen 
and (min-device-width : 411px) 
and (max-device-width : 823px) 
and (orientation : portrait) {
	body{font-size:3.3em}
	}

/*iPad 3 and 4*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	body{font-size:1.5em}
	}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 2){
	body{font-size:2.5em;}
	}

/*iPhoneX*/
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) 
	 and (orientation: landscape) { 
	#subTitle{
	font-size:1.3em;
	}
	
	.item_title{
		font-size:1.4em;
	}
	.readingTitle{
		font-size:1.3em;
	}
	.readingSubTitle{
		font-size:0.8em;
	}
	
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) 
	 and (orientation: portrait) { 
	#subTitle{
	font-size:1.6em;
	}
	
	#beautiful{
		font-size:3.6em;
	}
	
}

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3)  and (orientation: portrait){
	#subTitle{
	font-size:1.3em;
	}
	 }