/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .letter-block{
        -ms-flex: 0 0 calc(50% - 14px);
        flex: 0 0 calc(50% - 14px);
        max-width: calc(50% - 14px);
    }

    .toplinks {
        position:relative;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        left: 8.333333%;
    }

    .toplinks h4 {
    display:block;
    }
    .toplinks a {
        max-width: 25%;
        padding: 0px;
    }
    .toplinks .fa-3x  {
        font-size: 3em;
    }
     .title {
     font-size: 3em;
    }
    .sub-title {
        font-size: 1.5em;
    }

    .services3 {

        background: url(../img/bg14.jpeg) no-repeat;
        background-size: 100% auto;
    }
    .services3 .letter-block {
        border-radius: 5px;
        border: 3px solid transparent;
    }

    /* Letters CORA */

    .letter-item h6 {
    font-size: 3vw;
    }
 }
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
        .letter-block {
        -ms-flex: 0 0 calc(25% - 14px);
        flex: 0 0 calc(25% - 14px);
        max-width: calc(25% - 14px);
    }

    .traject-contents {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .content-images {
        display:none;
    }
    /* Letters CORA */

    .letter-item h6 {
    font-size: 2vw;
    }

 }
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .image-pane {
        display:block;
    }
    .text-pane {
        text-align: left;
    }
    .traject-contents {
        flex: 0 0 91.6666667%;
        max-width: 91.6666667%;
    }
    .content-text {
        flex: 0 0 41.6666667%;
        max-width: 41.6666667%;
    }
    .content-images {
        display:flex;
    }
        .letter-item h6 {
    font-size: 1.8vw;
    }
    .fa-3x {
        font-size: 4em;
    }
 }




/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .letter-item h6 {
    font-size:1.6rem;
    }
    .fa-3x {
        font-size: 5em;
    }
    .letter-list {
        min-width: 650px;
    }

}