/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */


/* Medium Devices, Desktops */


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
	/* Banner */
	.banner{
		height: 500px;
		background-size: cover;
		background-position: center;
	}

	.banner h1{
		color: white;
		font-weight: bold;
		font-size: 36px;
	}

	.banner p{
		color: white;
		font-size: 16px;
		line-height: 1.3;
		margin: 40px 0px;
	}

	.navbar-default {
	    border: none;
	}

	.vcenter {
		display: flex;
	    align-items: center;
	}

	.navbar-nav>li>a {
	    padding-top: 0px;
	    padding-bottom: 0px;
			line-height: 81px !important;
			text-align: center;
			padding: 0px 10px;
	}
	.navbar-brand img{
		float: left;
	}
	.navbar-brand h4 {
	    float: left;
	    line-height: 81px;
	    padding: 0px;
	    margin: 0px 0px 0px 20px;
	    font-weight: bold;
			font-size: 18px;
	}

	.benefits{
		padding: 40px 0px;
		background-image: url(../images/bk.png);
		background-size: cover;
		background-position: top;

	}

	.benefits div{
		padding: 0px 20px;
	}

	.benefits h3{
		font-weight: bold;
		margin-bottom: 20px;
		font-size: 28px;
	}

	.benefits p{
		font-size: 16px;
		margin-bottom: 40px;
	}

	.contact {
			padding: 20px 0px;
	}

	.contact div{
			padding: 20px 20px;

	}

	.contact p, .contact a{
	}

	.contact i{
	}

	.contact .apps img{
	}


	.copyright p{
		width: 100%;
		text-align: center;
	}

	.copyright p, .copyright ul {
    width: 100%;
    text-align: center;
}

#nav .navbar-toggle {
    border: none;
}

}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}