@media (min-width: 1200px) {
    html {
        font-size: 118.75%;
    }
    

}

@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 81.25%;
    }
    
    p {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
    
}

@media (max-width: 767px) {
    html {
        font-size: 81.25%;
    }
    h1 {
        font-size: 2.8rem;
    }
    
    h2 {
        font-size:2.2rem;
        line-height:2.75rem;
    }
    h6 {
	    font-size:1rem;
		line-height: 2rem;
    }
    

    p, .portfolio_item_tasks ul li, .portfolio_item_tasks ul li:before, h5 {
        font-size: 1.5rem;
        line-height: 2.4375rem;
    }
    
    /*Clau Bio ########*/
    
    .claudia_info {
        padding-left: 3.5rem;
        padding-top: 3.2rem;
        padding-right: 1rem;
    }

    .claudia_info p {
        margin-bottom: 2.8rem;
        font-size: 1rem;
        line-height: 1.625em;
    }
    
    .nav-link{
        width:1.5rem;
        height:1.5rem;
    }

    /*########*/
    
    .portfolio_item_icons, .portfolio_item_description {
    text-align:center;
    }
    .portfolio_item_images,  {
    padding-right:1rem;
    }
    .portfolio_item_tasks.fullwidth {
    text-align:center;
    }
    
    
    #contact_form {
        margin-bottom: 2rem;
    }
    #contact_info {
        text-align:center;
    }
    
    #footer {
		text-align:center;    
    }
    
    #footer p, #footer .social_icons {
	    float:none;
    }
	#footer .social_icons ul{
		margin-top:2rem;
		text-align:center;
		display:inline-block;
	}
}

@media (max-width: 480px) {
    html {
        font-size: 62.5%;
    }
    p, .portfolio_item_tasks ul li, .portfolio_item_tasks ul li:before {
        font-size: 1.5rem;
        line-height: 2.4375rem;
    }

    h1 {
        line-height:4.2rem;
    }
    
    h2 {
        font-size:2.5rem;
        line-height:3.75rem;
    }

    #home {
        margin-top: 4.5rem;
    }