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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.logo{
		margin-top: 20px;
		width: 120px;
	}
	header h2{
		color: #fff;
		font-size: 32px;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}
	.navm li{
		border-radius: 5px 5px 0px 0px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.logo{
		margin-top: 20px;
		width: 120px;
	}
	header h2{
		color: #fff;
		font-size: 28px;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}
	.navm li{
		border-radius: 5px 5px 0px 0px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.logo{
		width: 120px;
		margin-top: 22px;
	}
    li{
        border-bottom: 1px solid white;
    }
    a{
        color:black;
    }

    header h2{
    	color: #fff;
		font-size: 22px;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}
	.navm li{
		border-radius: 5px 5px 0px 0px;
	}
    
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.logo{
		margin-top: 20px;
		width: 120px;
	}
	header h2{
		color: #fff;
		font-size: 22px;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}
	.navm li{
		border-radius: 5px 5px 0px 0px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.logo{
		margin-top: 20px;
		width: 120px;
	}
	header h2{
		color: #fff;
		font-size: 22px;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}
}.navm li{
		border-radius:0px;
	}


/*==========  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) {
	.logo{
		margin-top: 20px;
		width: 150px;
	}
	header h2{
		font-size: 32px;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}
	.navm li{
		border-radius: 5px 5px 0px 0px;
	}
}