/* upravy pro MATH   */

.xcontainer { max-width: 980px; }
.xsocial { display: none; }

.p-vcard { position:relative; padding-bottom:30px; margin:20px 0 20px 0px; border-bottom: 1px dashed #aaa; xbackground-color:lightblue; }
.p-vcard:after { content:''; display:block; clear: both; }
.p-desc {  }
.p-mail, .p-tel, .p-room, .p-position, .p-desc { xfloat:right; xwidth: 150px; xposition:absolute; xright:0px; xdisplay:inline-block; padding-left:200px; padding-bottom:20px; xbackground-color:red; }
.p-position { font-size:1.3em; padding-left:165px; }
.p-picture { float:left; background-image: url(/static/images/anonymous.gif); width:140px; height:180px; }
.p-picture img { width:100%; height:100%; }
.p-mail:before { content: '\f003'; display: block; box-sizing: border-box; color:#666; width:1.6em; height:1.6em; position:absolute; font-family:'FontAwesome'; text-align:center; padding-top:5px; left:165px;  }
.p-tel:before  { content: '\f095'; display: block; box-sizing: border-box; color:#666; width:1.6em; height:1.6em; position:absolute; font-family:'FontAwesome'; text-align:center; padding-top:5px; left:165px;  }
.p-room:before { content: '\f015'; display: block; box-sizing: border-box; color:#666; width:1.6em; height:1.6em; position:absolute; font-family:'FontAwesome'; text-align:center; padding-top:3px; left:165px;  }




@media all and (max-width: 905px) {
header h1 { top:45px; line-height:0.9em; }
header h2 { top:96px; }
}



@media all and (max-width: 500px) {
.p-vcard { margin-bottom:25px!important; padding-right:0px!important; }
.p-mail, .p-tel, .p-room { float: none!important; width: 100%; position: relative!important; top:0px!important; display:block!important; padding-bottom:0px!important;  }
.p-desc { margin-bottom:5px; }
}





@media all and (max-width: 520px) {
header h1 {font-size: 15px; top: 20px; left: 72px; line-height: 15px;}
header h2 { font-size: 14px; top: 46px; left: 72px; }
header .logo-cvut {font-size: 50px; height:50px; }
header .logo-cvut .fa { padding-top:4px;}
header .menu-tg { font-size: 20px; padding: 5px 8px; }
body header { height: 76px; }
.visiblemenu header h1 { top:20px; }
}