/* ==========================================================
   ALILARIO.COM
   Contact
========================================================== */


/* ==========================================================
   CONTENT
========================================================== */

.contact-content{

    max-width:760px;

    margin:0 auto;

    padding:180px 70px;

}


/* ==========================================================
   INFORMATION
========================================================== */

.contact-info{

    display:flex;

    flex-direction:column;

}


/* ==========================================================
   TITLE
========================================================== */

.contact-info h2{

    margin:0 0 24px;

    font-size:20px;

    font-weight:300;

    line-height:1.1;

    color:#666666;

}


/* ==========================================================
   INTRO
========================================================== */

.contact-intro{

    margin:0 0 70px;

    font-size:16px;

    font-weight:300;

    line-height:1.8;

    color:#666666;

}


/* ==========================================================
   BLOCK
========================================================== */

.contact-block{

    margin-bottom:42px;

}


/* ==========================================================
   LABEL
========================================================== */

.contact-label{

    display:block;

    margin-bottom:14px;

    font-size:11px;

    font-weight:600;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:#777;

}


/* ==========================================================
   LINKS
========================================================== */

.contact-block a{

    color:#111;

    text-decoration:none;

    font-size:1.15rem;

    color:#464646;

    transition:.25s;

}


.contact-block a:hover{

    opacity:.55;

}


/* ==========================================================
   CONTACT — TABLET
   ========================================================== */

@media (min-width:601px) and (max-width:1024px){

    .contact-content{

        padding:140px 50px 60px;

    }

}


/* ==========================================================
   CONTACT — MOBILE
   ========================================================== */

@media (max-width:600px){

    .contact-content{

        padding:110px 32px 50px;

    }

    .contact-info h2{

        font-size:1.2rem;

    }

    .contact-intro{
        font-size:14px;
    }

    .contact-block a{
        font-size:1rem;
    }

}