/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.navbar-nav > li > a {
		font-size: 80%;
	    padding: 10px 0px;
    	padding-right: 10px;
	    padding-left: 15px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.navbar-nav > li > a {
		font-size: 80%;
	    padding: 10px 0px;
    	padding-right: 10px;
	    padding-left: 15px;
	}
	.nav{ display: block;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.header__description, .header_btn {
		font-size: 80%;
	}
	.header__title {
		font-size: 100%;
	}
	.navbar-nav > li > a {
		width: 100%;
		padding: 10px 0;
		padding-right: 10px;
	    padding-left: 15px;
	}
	.about__entry {
		flex-basis: 100%;
	}
	.entry__text {
		margin-top: 1%;
		text-align: left;
		padding-left: 0;
	}
	hgroup {
		justify-content: flex-start;
	}
	.about__description {
		letter-spacing: 0
	}
	.quote__title {
		font-size: 100%;
	}
	.quote__description {
		font-size: 70%;
	} 
	.user__data input {
		margin: 1% 0;
		flex-basis: 100%;
	}
	.copyright , .social {
		float: none;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}