@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300);

body {
    font-family: roboto;
    font-size: 20px;
}

.TreilandSmallTitle {
    margin-top: 2px;
    border: none;
    height: 44px;
    color: #404040;
    text-align: center;
    font-family: roboto;
    font-weight: 900;
    font-size: 24px;
}

    .TreilandSmallTitle:link {
        color: black;
        text-decoration: none;
    }

    .TreilandSmallTitle:visited {
        color: black;
        text-decoration: none;
    }

    .TreilandSmallTitle:hover {
        color: black;
        text-decoration: underline;
    }

    .TreilandSmallTitle:active {
        color: black;
        text-decoration: none;
    }

.topicDefinition {
    font-family: roboto;
    font-weight: 400;
    font-size: 16px;
    color: black;
    text-align: justify;
}

.topicListLink {
    cursor: pointer;
}

    .topicListLink:hover {
        color: #6060ef;
    }

/*Desktop*/
@media only screen and (min-width : 990px) {
    .cnv_holder {
        margin-left: auto;
        margin-right: auto;
        width: 600px;
        height: 600px;
    }
}

/*Mobile*/
@media only screen and (max-width : 979px) {
    .cnv_holder {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 350px;
        height: 350px;
    }
}