body {font-family: 'Marvel', sans-serif; color:#222; font-size:14px; line-height:22px; margin:0 auto;}
h1 {font-size:48px; margin:0; padding:0; font-family: 'Marvel', Arial, sans-serif; font-weight: 400;}
h2 {font-size:36px; margin:0; padding:0 0 14px 0; font-family: 'Marvel', Arial, sans-serif; font-weight: 400; display:block; border-bottom:1px solid #222; text-align:center; clear:both;}
h3 {font-size:28px; margin:0; padding:26px 0 0 0; font-family: 'Marvel', Arial, sans-serif; font-weight: 400; display:block; text-align:left;}
h4 {font-size:22px; margin:0; padding:40px 0 0 0; font-family: 'Marvel', Arial, sans-serif; font-weight: 400; display:block; text-align:center;}
h2.fp_head {margin-bottom:20px;}
a, a.visited {color:#222; text-decoration:none; border-bottom:1px dotted #222;  transition: color 0.5s ease; -webkit-transition: color 0.5s ease;}
a:hover {color:#ab0085;}
header {clear:both; display:block;}
nav{ text-align:center; display:block;}
nav ul {margin:60px 0; padding: 0; z-index:99; display:inline-block; height:26px;}
nav ul li {float: left; list-style: none; z-index:99}
nav ul li a {display: block; text-align:left; padding: 4px 2px; margin:0 12px; text-decoration: none; color: #222; font-size:20px; white-space: nowrap; z-index:99; border-bottom:4px solid #fff; transition: border 0.5s; -webkit-transition: border 0.5s; text-transform:uppercase;}
nav ul li a:hover { color:#222; z-index:99; border-bottom:4px solid #222;}
header h2 {background:#333; display:inline-block; padding:8px 24px; margin:0 20% 40px 20%; font-size:18px; color:#fff; line-height:24px; border:0;}
header h2 a, header h2 a:visited {color:#999; text-decoration:none; font-size:12px; white-space:nowrap;}
div.conteiner {max-width:880px; text-align:center; margin:80px auto;}
div.bub_cont {width:250px; float:left;}
div.big_bub {border:1px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; width:200px; height:200px; margin:0 auto;}
div.small_bub {border:1px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; width:190px; height:190px; margin:4px;}
div.small_bub a, div.small_bub div {display:block; height:174px; width:174px; background-image:url(me.jpg);  border-radius:50%; -webkit-border-radius: 50%; transition: border 0.5s ease, background-image 0.5s; -webkit-transition: border 0.5s ease, background-image 0.5s; background-position:center center; border:8px solid #fff;}
div.small_bub a:hover {margin:0; border:8px solid #292526; background-image:url(me2.jpg);}
div.bub_cont_f {width:105px; float:left; margin:50px auto;}
div.big_bub_f {border:1px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; width:88px; height:88px; margin:0 auto;}
div.small_bub_f {border:1px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; width:78px; height:78px; margin:4px;}
div.small_bub_f a, div.small_bub_f div {display:block; height:70px; width:70px; border-radius:50%; -webkit-border-radius: 50%; transition: border 0.5s ease;
-webkit-transition: border 0.5s ease; background-position:center center; border:4px solid #fff;}
div.small_bub_f a:hover {margin:0; border:4px solid #292526;}
article {padding:40px 5% 20px 5%; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; display:block; clear:both;}
ul.psd-list {list-style:none; margin:0; padding:10px 0;}
ul.psd-list li { width:100%; font-size:14px; line-height:24px; margin-bottom:20px; min-height:150px;}
ul.psd-list li a {color:#222; text-decoration:none; border-bottom:0; display:block;}
ul.psd-list li p a {display:block; padding:5px 10px; min-height:170px; border-radius:4px;}
ul.psd-list li p a:hover {background:#222; color:#fff;}
div.fb_mini  {display:block; width:74px; height:74px; border-radius:50%; float:left; border:1px solid #ddd;}
a.fb_mini_i {display:block; width:70px; height:70px; border-radius:50%; background:url(f_i.jpg); background-size: cover; -webkit-background-size: cover; border:2px solid #fff; transition: border 0.5s ease; -webkit-transition: border 0.5s ease;}
a.fb_mini_i:hover {border:2px solid #222;}
section.friizucom, section.feed, section.port {width:48%; margin:20px 0; text-align:left; font-family: 'PT Sans', sans-serif; float:left; display:block;}
section.factsoflife, section.art2, section.port2 {width:48%; margin:20px 0 20px 4%; text-align:left; font-family: 'PT Sans', sans-serif; float:left; clear:right; display:block;}
footer {border-top:1px solid #222; margin:10px 5%; padding:10px; clear:both; font-family: 'PT Sans', sans-serif; font-size:11px; color:#666; display:block;}
section.port ul li, section.port2 ul li {min-height:90px;}
section.port ul li a, section.port2 ul li a{ font-weight:bold; color:#222; transition: color 0.5s; -webkit-transition: color 0.5s; }
section.port ul li a:hover, section.port2 ul li a:hover{color:#990099;}
span.time {display:block; color:#999; font-style:italic;}


/* Mobile  */

@media only screen and (max-width: 897px) {

div.conteiner {min-width:190px; margin:40px auto;}
section.factsoflife, section.feed {float:none; width:100%;}
section.friizucom, section.art2 {float:none; width:100%;}
div.bub_cont, header h2 {display:none;}
div.bub_cont_f {margin:20px auto;}
nav {display:inline-block;}
nav ul {margin:60px 0 20px 0;}
nav ul li:nth-child(2), nav ul li:nth-child(3), nav ul li:nth-child(5), nav ul li:nth-child(6)  {display:none;}
	
}