/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
	.sub{font-size:45px; width:90%;}
    #logo{width:50%;}

}

/* TABLET (portrait and landscape) ----------- */
@media (max-width: 1199px) and (min-width: 768px){
	.sub{width:90%;}

}
/* SM ----------- */
@media (max-width: 991px) and (min-width: 768px){
	


}

/* MD ----------- */
@media (max-width: 1199px) and (min-width: 992px){
	
	

}

  
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1024px) {

}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) { 

}