/*media queries */


@media (min-width: 1400px) {
#overlay img {
	padding:0 20px;
}
#overlay h2 {
	font-size:2.8em;
}
#overlay h3 {
	font-family: 'Russo One', sans-serif;
	font-size:2em;
}
#overlay h4 {
	font-size:1.6em;
}



#footer img {
	padding: 0 20%}

	h3 {font-size:28px;}
	h4{font-size:16px;}

}

@media screen and ( min-width: 1399px ) and ( max-height: 768px )
{
#overlay {
	padding-top: 120px;
}


#overlay img {
	padding-left: 40px;
	padding-right: 40px;}

	#footer img {
	padding: 0 15%}


#overlay h2 {
	font-size:2.8em;
}
#overlay h3 {
	font-family: 'Russo One', sans-serif;
	font-size:2em;
}
#overlay h4 {
	font-size:1.6em;
}
}


@media (max-width: 1399px ) {
 #overlay {
	padding-top: 120px;
}
#overlay img {
	padding-left: 40px;
	padding-right: 40px;}

	#footer img {
	padding: 0% 15%}


#overlay h2 {
	font-size:2.8em;
}
#overlay h3 {
	font-family: 'Russo One', sans-serif;
	font-size:2em;
}
#overlay h4 {
	font-size:1.6em;
}
}


@media (max-width: 1280px) {
#overlay {
	padding-top: 50px;
}

#overlay img {
	padding-left: 30px;
	padding-right: 30px;
}

}


@media (max-width: 1199px) { 
#overlay{
	padding-right: 30%;
	padding-left: 30%;

}
}



@media (max-width: 1024px) {
#overlay{
	
	padding-right: 30%;
	padding-left: 30%;
}
.p-6{
	padding: 6rem 0!important
}
}


@media (max-width:1000px) {
.mindthemenu {
	padding-top:70px}
	#overlay{
	
	padding-right: 20%;
	padding-left: 20%;
}
.square {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background-color: transparent
}
.p-box {
	padding: 1rem 1rem
}

}





@media (max-width: 940px)  { 
#overlay {
	padding-right: 30%;
	padding-left: 30%;
	padding-top: 50px;
	}

	#footer img {
	padding: 0 20%}
.square {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background-color: transparent

}
.p-box {
	padding: 1rem 1rem
}
.carousel-caption{
	top: 30%;
}

.carousel-caption h5{
	font-size: 2em;

}









@media (max-width: 599px)  { 
#overlay {
 padding-top: 10px;
	padding-right: 25%;
	padding-left: 25%;
	padding-bottom:10px
	}
.navbar-brand img {
	max-width:180px;
	height:auto;
}
.square {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background-color:  transparent
}


}








/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}