@media only screen and (min-width: 992px) and (max-width: 1280px) {

}


/* Tablet Layout: 768px. */

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



/* Wide Mobile Layout: 360px. */

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

nav ul li.active a{
    color: #ffffff;
}
.hero .hero-info h1 {
    font-size: 38px;
}
.hero .hero-info span {
    font-size: 24px;
    margin-top: 15px;
}
.wrapper .icon{
    margin: 0 10px;

}
.about .about-me p{
    width: 100%;
}
.go_to_top {
    top: -40px;
}

}