h2, h3, h4, h5, p
{
	color: white;
	font-family: "Aileron Thin", Helvetica, sans-serif !important;
}

h1
{
	font-family: "Avenir Next LT Pro Condensed", Helvetica, sans-serif !important;
	color: white;
}

/*header
{
	background-image: url(../images/cape.jpg);
	background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;

    min-height: 600px;
}
*/

.logo img
{
	padding-top: 130px !important;
}

.boat
{
	
	background-image: url(../images/durbs.jpg);
	background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;

    min-height: 450px;
}

.section
{
	padding: 0px !important;
}

.row
{
	margin: 0px !important;
}

.block
{
	background-color: #e16a00;
	padding-top: 40px !important;

	min-height: 450px;
}


/*#products
{

	background-image: url(../images/durbs.jpg);
	background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;

    min-height: 650px;
}*/

.parallax-container{
      height: 700px;
    }

#products .parallax-container{
      height: 650px;
    }

#contact .parallax-container{
      height: 700px;
    }

.square
{
	background-color: rgba(225,106,0,0.8);
	min-height: 400px;
}

.durbs
{
	background-color: black;
	background-image: url(../images/mandela.jpg);
	background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;

    min-height: 450px;
}

.number
{
	color:  #e16a00;
	font-size: 150px;
	font-weight: 600;
	margin-top: 0px !important;
}

/*#contact
{
	background-image: url(../images/durban.jpg);
	background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;

    min-height: 500px;

}*/

.btn
{
	background-color: #001d7e !important;
	font-family: "Aileron Thin", Helvetica, sans-serif !important;
	font-size: 12px !important;
	text-transform: lowercase;
	letter-spacing: 1px;
}



/* label color */
.input-field label {
 color:  #e16a00;
 font-family: "Aileron", Helvetica, sans-serif !important;
 font-weight: 400;
 font-size: 16px;
}
/* label focus color */
.input-field input[type=text]:focus + label {
 color: #e16a00;
}

/* label focus color */
.input-field input[type=email]:focus + label {
 color: #e16a00;
}

/* label focus color */
.input-field textarea.materialize-textarea:focus + label {
 color: #e16a00;
}

/* label underline focus color */
.input-field input[type=text]:focus {
 border-bottom: 1px solid #e16a00;
 box-shadow: 0 1px 0 0 #e16a00;
}

.input-field input[type=email]:focus {
 border-bottom: 1px solid #e16a00;
 box-shadow: 0 1px 0 0 #e16a00;
}

.input-field textarea.materialize-textarea:focus {
 border-bottom: 1px solid #e16a00;
 box-shadow: 0 1px 0 0 #e16a00;
}


footer
{
	background-color: #e16a00;
	min-height: 150px;
}

.address p
{
	margin: 0px;
}

a:hover
{
	color: white;

}

a
{
	color: #001d7e;
}

i 
{
	color: #001d7e;
	font-size: 20px !important;
}

.vertical
{

	border-left: 3px solid #001d7e !important;
	line-height: 20px;
	padding-left: 40px !important;

}

.verticaly
{

	border-left: 3px solid #001d7e !important;
	line-height: 20px;
	padding-left: 60px !important;
	

}

.material-icons
{
	font-size: 40px !important;
	color: #e16a00;
}

.side-nav
{

	background-color: #e16a00 !important;
	color: white !important;
}

.side-nav li
{
	color: white !important;
}



@media (max-width: 992px ){

		.logo img{

			width: 30% !important;
			padding-top: 50px !important;
		}

		header .parallax-container
		{
			height: 450px !important;
		}


		.boat
		{
			background-image: none;
			min-height: 100%;
			background-color: black;
		}

		.boat h1
		{
			text-align: center;
		}

		.verticaly
		{
			border-left: none !important;
			min-height: 200px;

			/*padding-bottom: 20px !important;
			padding-left: 20px !important;*/
		}

		#products .parallax-container
		{
			height: auto;
		}

		#services .block
		{
			display: none;
		}

		#services
		{
			text-align: center !important;
		}

		#services h1
		{
			text-align: center !important;
		}

		.number
		{
			font-size: 100px;
			text-align: center !important;

		}

		.two
		{
			padding-bottom: 40px !important;
		}

		#contact
		{
			/*padding-bottom: 40px !important;*/

		}


}

@media (max-width: 600px ){

		.logo img{

			width: 50% !important;
			padding-top: 50px !important;
		}

		header .parallax-container
		{
			height: 350px !important;
		}


		.boat
		{
			background-image: none;
			min-height: 150px;
			background-color: black;
		}

		.boat h1
		{
			text-align: center;
		}

		.verticaly
		{
			border-left: none !important;

			padding-bottom: 20px !important;
			padding-left: 20px !important;
		}

		#products .parallax-container
		{
			height: auto;
		}

		#services .block
		{
			display: none;
		}

		#services
		{
			text-align: center !important;
		}

		#services h1
		{
			text-align: center !important;
		}

		.number
		{
			font-size: 100px;
			text-align: center !important;

		}

		.two
		{
			padding-bottom: 40px !important;
		}

		#contact
		{
			/*padding-bottom: 40px !important;*/

		}


}