/*iPhone 6*/
@media (min-width: 375px) {}

/*iPhone 6+*/
@media (min-width: 414px) {}

/*iPad portrait*/
@media (min-width: 768px) {
    .wrapper {
        padding-top: 69px;
    }
    .bg-slide2 {
    background-position: 50% 50%;
    background-size: cover;
    }
    .bg-slide3 {
    background-position: 50% 0%;
    background-size: cover
    }
    .provenTrackRecord figure h1 {
        width: auto;
        top: 15%;
        right: 8%;
    }
    .unmatched figure h1 {
        width: auto;
    }
    .worldClass figure {
        align-items: flex-start;
    }
    .worldClass figure h1 {
        margin-left: 8%;
        margin-bottom: 5%;
    }
    .worldClass figure h1 span {
        display: block;
        margin: auto;
    }

}
/*iPad landscape*/
@media (min-width: 992px) {
    .cover {
        height: 700px;
    }
    .cover div {
        top: 40px;
        right: 60px;
    }
    .hilight figure {
        clip: rect(0px,350px,552px,70px);
    }

    .hilight h1 {
        width: inherit;
        display: block;
    }
    .provenTrackRecord figure{
        height: 720px;
    }
    .unmatched figure {
        height: 700px;
    }
    .worldClass figure{
        height: 600px;
    }

    .TN-Service > div > div {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: flex-start;
    }
    .TN-Service > div h3 {
        margin: 3em auto;
    }
    .TN-Service > div > div figure {
        width: 45%;
        height: 350px;
        background-size: cover;
        border-radius: 15px;
    
        background-size: cover;
        background-position: 50% 50%;
    
    }
    .TN-Service > div > div > div {
        flex-basis: 50%;
    }

    .success {
        height: 630px;
        justify-content:space-around;
    }
    .success figure {
        display: block;
    }


    .success-card > div {
        padding: 2em;
        
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: center;
    }
    .success-card > div figure{
        width: 300px;
    }
    .success-card > div > div {
        flex-basis: 60%;
    }
    .support figure {
        height: 750px;
        background-position: 50% 15%;
        background-size: cover;
    }
    .support figure h1 {
        top: 180px;
        right: 60px;
        left: inherit;
    }
    .support figure a {
        font-size: 1.5em;
        position: absolute;
        top: 300px;
        right: 60px;
        padding: 0.5em 1em;
        border-radius: 35px;

        margin-bottom: inherit;
    }

    footer section {
        padding: 2em 4em;
    }
    footer section > div:last-child > div:last-child {
        margin-left: 200px;
    }

    .contact-hilight h1 {
        width: auto;
        text-align: left;
    }
    .contact-hilight figure {
        width: 350px;

        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        bottom: inherit;
    }
    .contact-address {
        width: 1000px;
    }
    .contact-address > div:first-child img {
        width: 220px;
    }
    .contact-address > div:last-child {
        flex-flow: row nowrap;
    }
    
}

/*HD*/
@media (min-width: 1280px) {
    body {
        font-size: 20px;
    }
    h1 {
        font-size: 2.5em;
    }
    .wrapper > section {
        margin: 2em auto;
    }
    
}
/* Full HD */
@media (min-width: 1920px) {
    .TN-Service > div > div figure {
        width: 690px;
        height: 420px;
    }
}