/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

.column {width: 750px;}

}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {

.column {
    width: 300px;
}

.section-padding {
    padding: 25px 0;
}

.intro-area h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}

.intro-area h2 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px;
}

.intro-area img {
    width: 128px;
    height: 128px;
    margin-bottom: 10px;
}

.social ul li a {
    font-size: 22px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    margin: 2px;
}

.intro-about p {
    font-size: 16.5px;
    line-height: 23px;
    text-align: justify;
}

.contact-info {
    margin-top: 25px;
}

.contact-info h4 {
    font-size: 20px;
}

.contact-info p {
    font-size: 17px;
}

.contact-icon i {
    font-size: 28px;
    height: 48px;
    width: 48px;
    line-height: 48px;
}

.footer p {
    font-size: 13px;
    line-height: 20px;
}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.column {width: 450px;}

}