@charset "utf-8";
/* CSS Document */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

html, body {margin:0; padding: 0;height:100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c5359+0,686f71+17,686f71+41,505558+66,505558+100 */
background: #4c5359; /* Old browsers */
background: -moz-linear-gradient(left, #4c5359 0%, #686f71 17%, #686f71 41%, #505558 66%, #505558 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #4c5359 0%,#686f71 17%,#686f71 41%,#505558 66%,#505558 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4c5359 0%,#686f71 17%,#686f71 41%,#505558 66%,#505558 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5359', endColorstr='#505558',GradientType=1 ); /* IE6-9 */
}
#info {background:#3E454B;; width:95%; min-height: 100%;
  height:auto !important;
  height:100%; margin:0 10% 0 auto;padding:20px; box-sizing:border-box;
font-family:Roboto, Arial, Helvetica, sans-serif; color: #EC7429;

}
#info p {margin:0;}
#info p:first-child {font-size:4em;}
#info p:nth-child(2) {font-size:1.7em;margin-bottom:0.5em;}
#info p.portrait {font-size:1.5em;margin-bottom:1.3em;}
#info p.portrait img {border-radius:10px;margin-right:15px;margin-left:3px}
#info p:nth-child(4) {font-size:1.5em;margin-bottom:1.3em;}
#info p:nth-child(5) {font-size:1.3em;margin-top:1em;/*clear:left; padding-top:15px;background:greencolor:#ed8240;*/}
#info p:nth-child(6) {font-size:1.3em;font-size:1.1em;margin-top:2em;/*color:#ededed;*/line-height:1.3em;max-width:26em}
sup {font-size:0.6em;}
a {color:#EFA271;text-decoration:none;border-bottom:1px dotted #EC7429;}
a:hover, a:active {border-bottom:1px solid #EC7429;}


@media only screen and (min-width: 420px) {
#info {background:#3E454B; width:42%; min-width:420px;  min-height: 100%;
  height:auto !important;
  height:100%; margin:0 20% 0 auto;padding:10% 40px 40px; }

#info p {margin:0;}
#info p:first-child {font-size:6.5em;}
#info p:nth-child(2) {font-size:2.7em;}
#info p.portrait {font-size:1.7em;margin-bottom:1em;float:left;}
#info p:nth-child(4) {font-size:1.7em;margin-bottom:0;}
#info p:nth-child(5) {font-size:1.5em;margin-top:1em;clear:left;}
#info p:nth-child(6) {font-size:1.5em;font-size:1.1em;margin-top:2em;}

}
@media only screen and (min-width: 900px) {
	#info p:nth-child(4) {}
}