h2, h3 {margin-bottom:15px;}

.training,
.templates,
.seminars {
    width:96%;
    justify-content:space-between;
    margin-bottom:30px;

}

.training {
    margin:0 0 45px 0;
    align-items:stretch;
	gap:15px;
    h2 {margin-bottom:8px;}
    p {margin-top:.7em;}
    div {
        position:relative;
        hyphens:none;
    	&:nth-of-type(1){
            flex:0 0 400px;
            margin-top:7px;
        }
    }
}

.templates{
    list-style:none;
    gap:20px;
    li {
        outline:var(--tt-border);
        border-radius:var(--radius-big);
        &:hover{box-shadow: var(--shadow-a)};
        font-size:14px;
        background:#eec;
        overflow:hidden;
        &.docs {background:#eee}
        &.proj {background:#ece}
        &.aqua {background:#cee}
        a {
            padding:15px;
            margin-left:15px;
            hyphens:none;
            background:white;
            display:block;
        }
    }
}

.seminars {
    justify-content:space-between;
    div {
        padding:5px 0;
        display:flex;
        flex-flow: column;
        text-align:center;
        align-items:center;
        border:var(--tt-border);
        border-radius:var(--radius-big);
        &:hover{box-shadow: var(--shadow-a)};
        p {padding:0 10px;width:100%;}
        p:nth-of-type(4){
            flex-grow:1;
            font-size:14px;
            padding:10px;
        }
        p:nth-of-type(2){
            background-color:#d0e0ef;
        }
	}
}

button{
    margin:10px;
    font-size:16px;
}