body{background-color:#eae8e7;color:#767270;}
h1,h2,h3,h4,h5,h6,p{color:#767270;font-family:"Roboto", "senf-serif";}
p{font-size:15px;font-weight:300;font-family:"Roboto", "senf-serif";}
.white{color:#fff;}
.shadow{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.padding-0{padding:0;}
.padding6{padding:6px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding-left15{padding-left:15px;}
.padding-left20{padding-left:20px;}
.margin10{margin:10px;}
.marginBottom5{margin-bottom:5px;}
.marginBottom20{margin-bottom:20px;}
.marginTop20{margin-top:20px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font30pt{font-size:30pt;color:#767270;}
.width100{width:100%;}
.blau{color:#5da4d9;}
.oberePadding{padding:0 6px 0 6px;}


.leftSide{/*max-width:70%;*/ padding-top:30px;}


@media screen and (max-width: 768px){
	.leftSide{padding-top:12px;}
}



.leftBlock{padding:0;margin-bottom:20px;background-color:#5DA4D9;}

@media screen and (max-width: 768px){
	.leftBlock{margin-right: 12px;margin-left: 12px;width:auto;}
}


.nameBlock{border-left:3px solid #5da4d9; margin-bottom:6px;}.nameBlock > h4 {font-weight:;}
.myImg{position:relative;}
.myImg img{width: 100%; height:auto;}
.bogd{position:abolute;bottom:40px;right:10px;}
.bogd h3{ position:absolute;text-align:center;bottom:15px;font-family:Roboto;font-weight:bold;color:#fff;width:100%;text-shadow: 1px 1px 1px #3a3a3a;}
@media screen and (max-width: 768px){
	.bogd h3{ font-size: 270%;bottom: 35px;}
	.bogd h6{font-size: 200%;}
}

	.bogd h6{position:absolute;bottom:0;font-weight:bold;color:#fff;text-align:center;width:100%;text-shadow: 1px 1px 1px #3a3a3a;}

.position-relative,.relative{position: relative;}
.menuButton{position:absolute;top:20px;left:20px;z-index:11;}
.off-canvas.position-left {background: #fff;height:100%;}
.fa-close:hover{color:red;}
.over{overflow:hidden;}
.web{padding:5px;}
.web > div{width:99%;margin:auto;height:100px;padding:0;}
.web > div > a{display:block;width:100%;height:100%;padding:15px;}
.web > div > a > img{max-height:100%;display:block;margin:auto;}
.menuL{list-style: none;}
.menuL>li > a{padding:10px; display:block;}
.hover{transition:ease 1s; }
.hover:hover{opacity:0.5;transform: scale(1.1);}
.skills>span{display:inline-block;padding:1px 10px;margin:4px;border:1px solid #fff;border-radius:3px;color:#fff;}