@media (min-width: 1200px) {
    html {
        font-size: 118.75%;
    }
    #home_image {
        top:17rem;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 81.25%;
    }
    #logo {
        margin-top: 2rem;
    }
		.feature .icon {
			width:3rem;
			height:3rem;
		}
    #home_image {
        top:18rem;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 81.25%;
    }
	h2{
		font-size:2.5rem;
	}		
	h3{
		font-size:1.7rem;
	}
    #features_1, #features_2, #features_3 {
    text-align:center;
    }
    /*
		#about mark {
			width:10rem;
			height:10rem;
		}*/
    .feature .icon {
			float:none;
			/*width:5rem;
			height:5rem;*/
			margin-bottom: 1rem;
			margin-right:0;
			margin:0 auto 20px;
    }
		#social_icons li a {
			width:3rem;
			height:3rem;
		}

    
    #about {
    margin-bottom:4.568em;
    }
    
    p {
        font-size: 1.5rem;
    }
    h4 {
        font-size: 1.5rem;
    }
    #features_3 {
        height:auto;
    }
    #features_3_content_left {
        text-align:center;
        padding-bottom:6.5rem;
        padding-right:1rem;
    }

    #features_3_content_right {
        text-align:center;
        padding-left:1rem;

    }

    #features_3_content_center img{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    
    #logo {
        margin-top: 1rem;
    }
    
    #home_image {
        top:17rem;
    }

}

@media (min-width: 480px) and (max-width: 768px) {
    #home_image {
        top:19rem;
    }
}	

@media (max-width: 480px) {
    html {
        font-size: 62.5%;
    }
    p {
        font-size: 1.5rem;
    }

    h1 {font-size:3rem;}
    #logo_header {margin-bottom:2em }
    
    #logo {
        margin-top: 1rem;
    }
    #home_image {
    top:25rem;
    }
    
    #slogan {
    width:90%;
    }

}