/* Super mega small devices (phones, less than 480px) */
@media (max-width : 480px) {    
    .intro h1{
        font-size:50px !important;
    }
    
    /* Social Icons 
    ----------------------------------------------------- */
    .social-icons {
        margin-bottom: 80px;
    }
    
    .social-icons a i{
        font-size: 26px;
        margin: 20px 11px;
        line-height: 54px;
        width: 54px;
        height: 54px;
    }

    .social-icons a i::after {
        width: 54px;
        height: 54px;          
    }
}

/* Extra small devices (phones, less than 768px) */
@media (max-width : 766px) {
    .intro {	
        padding: 10% 8% 0 8%;
    }
    
    .intro h1{
        margin-bottom: 20px;
    }
}

/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {
    
}

/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {
    
}

/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width : 1279px) {

}

/* Large devices (large desktops, 1280px and up) */
@media screen and (min-width:1280px) and (max-width:1599px) {
	
}

/* Extra Large devices (large desktops, 1600px and up) */
@media screen and (min-width:1600px) and (max-width:1920px) {
    
}