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

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

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

@media only screen and (min-width: 768px){}

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

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

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

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

@media only screen and (max-width: 599px){
    .container, .container-fluid {
    	padding-top: 70px;
    	padding-bottom: 70px;
	}
	.navbar-logo{
		width: 300px;
		object-fit: contain;
		padding: 5px;
	}

	img{
		width: 120px;
	}
	
	.inner-hero{
		max-width: 100%;
		padding: 20px;
		border: 1px solid white;
	}
	.inner-hero h1{
		font-size: calc(100vw/17);
	}

	.inner-hero p{
		font-weight: normal;
		font-size: calc(100vw/30);
	}
}

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