a:focus{
    outline: 3px solid #800101;
}
.ltr-right-block a:focus{
    outline: 3px solid #fff;
    display: inline-block;
}
#navigation a {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    z-index: 999;
    top: 7px;
    left: 5px;
}
#navigation a img {
    left:0;
    top:0;
}
.ltr-main-block{
    max-width: 735px;
    margin:0 auto;
    position:relative;
    margin-top:25px;
    padding-left:100px;
}
.ltr-main-block-inner{
    background: #336600;
    display:flex;
    border-top-right-radius:15px;
    border-bottom-right-radius: 15px;
    padding-bottom:15px;
}
.ltr-left-block{
    float: left;
    width: 635px;
    border-left:2px solid #336600;
    border-top:2px solid #336600;
    background: rgb(51, 102, 0);
}
.ltr-right-block{
    width: 100px;
    float: right;
}
.ltr-left-block > div{
    float: left;
}
.first-col{
    width: 60px;
}
.second-col{
    width: 553px;
    position: relative;
}
.third-col{
    width: 18px;
    background: #F90;
    height: 100%;
    position: absolute;
    right: -18px;
    top: 0;
}
.height-75{
    height:75px;
    background: #F90;
}
.h-34{
    height: 34px;
    margin:0;
    padding:0;
    background: #F90;
}
.title-block, 
.title-block-header{
    border-right:2px solid rgb(51, 102, 0);
    background: rgb(51, 102, 0);
    display: inline-flex;
}
.col-1, .col-2, .col-3{
    float: left;
}
.title-block-header .col-1,
.title-block-header .col-2,
.title-block-header .col-3{
    height: 26px;
}
.col-1{
    width:172px;
}
.col-2{
    width:277px;
}
.col-3{
    width:102px;
}
.title-block .col-1{
    width: 172px;
    margin-left: 2px;
}
.title-block .col-3{
    width: 100px;
}
.title-block .a1, .title-block .a2, .title-block .a3, .title-block .a4, .title-block .a5{
    width: 170px;
}
.title-inner{
    height: 54px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.title-inner > div{
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.first-col .bignumber, .first-col .bignumber1{
    height: 44px;
}
.title-block > div{
    height: 54px;
}
.col-2 .title-inner{
    text-align: left;
    justify-content: flex-start;
}
.title-inner .digraphs{
    height: 35px;
    justify-content: center;
}
.ltr-bottom-block{
    width: 635px;
    display: inline-block;
    /* padding: 18px 0; */
    background: #336600;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.ltr-bottom-block .textbottom{
    max-width: inherit;
    /* padding:0 15px; */
}
.left-arrow-img{
    position: absolute;
    left: 40px;
    top: 111px;
}
.ltr-right-block #seasonal p:first-child{
    margin-bottom:0;
}
.ltr-right-block #seasonal p:last-child{
    border-bottom: 1px solid #3f7800;
}
digraphs a, .books a, .maw a, .mam a, .skills a {
    display: block;
}
@media(max-width:991px){
    .ltr-main-block{
        max-width: 90%;
        flex-direction: column;
        padding-left:60px;
    }
    .ltr-main-block-inner{
        display: table;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    .ltr-left-block{
        width: 99%;
    }
    .left-arrow-img{
        left:0px;
    }
    #seasonal a img{
        width: 70px;
        height: 56px;
        object-fit: cover;
    }
    #seasonal{
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
        align-items: center;
        justify-content: flex-start;
    }
    .ltr-right-block #seasonal p{
        float: left;
        margin: 0 8px;
        min-height: 70px;
        margin-bottom: 10px;
    }
    .ltr-right-block #seasonal p:first-child{
        margin-bottom:10px;
    }
    .ltr-right-block{
        width: 100%;
    }
    .ltr-bottom-block{
        width: 99.95%;
        position: relative;
        bottom:10px;
    }
    .first-col{
        /* width: 50px; */
        width: 10%;
    }
    .first-col .bignumber, .first-col .bignumber1{
        width: 100%;
    }
    .second-col{
        /* width:536px; */
        width: 88%;
    }
    .third-col{
        width: 3%;
        right:-3%;
    }
    .title-block-header .col-1{
        width: 24.5%;
    }
    .title-block-header .col-1, .title-block .col-1{
        width: calc(25% - 2px);
    }
    .title-block-header .col-2, .title-block .col-2{
        width:50%;
    }
    .title-block-header .col-3, .title-block .col-3{
        width: 25%;
    }
    .title-block, .title-block-header{
        display:block;
    }
    .title-block .a1, .title-block .a2, .title-block .a3, .title-block .a4, .title-block .a5,
    .title-block .a1b, .title-block .a2b, .title-block .a3b, .title-block .a4b, .title-block .a5b {
        width: 99.5%;
    }
    .skills{
        width: 100%;
    }
    img{
        max-width: 100%;
        height: auto;
    }
}
@media(max-width:767px){
    .ltr-main-block {
        /*max-width: 90%;*/
    }
    .third-col {
        width: 2.5%;
        right: -2.5%;
    }
    .books {
        font: normal 14pt VagLight, Arial, Helvetica, sans-serif;
    }
    .mam {
        font-size: 6px;
    }
	.left-arrow-img {
        left: 0px;
    }
}
@media(max-width:660px){
	.second-col .title-inner .books a{
		white-space: normal;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media(max-width:565px){
    .height-75{
        height:64px;
    }
	.left-arrow-img {
        top:100px;
    }
}
@media(max-width:480px){
    .ltr-main-block {
        max-width: 84%;
    }
    .third-col {
        width: 1.8%;
        right: -1.8%;
    }
    .books {
        font: normal 12pt VagLight, Arial, Helvetica, sans-serif;
    }
    .mam {
        font-size: 6px;
    }
}