* { 
	box-sizing: border-box; 
	} 

body {
	margin: 0;
	}

.parallax {
	position:static;
	}

.parallax-container { 
	min-height:380px;
	line-height:0;
	height:auto;
	color:rgba(255, 255, 255, 0.9);
	}

.parallax-container .section {
	width:100%;
	}

.col:empty {
	display:table-cell;height:75px;
	}

.responsive-img {
	width:1000px;
	height:174px;
	}

footer.gram-footer ul.collection > li.collection-header, footer.gram-footer ul.collection > li.collection-item {
	background-image:initial;
	background-position-x:0px;
	background-position-y:0px;
	background-size:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-attachment:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:initial;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-top-style:initial;
	border-right-style:initial;
	border-bottom-style:initial;
	border-left-style:initial;
	border-top-color:initial;
	border-right-color:initial;
	border-bottom-color:initial;
	border-left-color:initial;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	}

footer.gram-footer ul.collection {
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-top-style:initial;
	border-right-style:initial;
	border-bottom-style:initial;
	border-left-style:initial;
	border-top-color:initial;
	border-right-color:initial;
	border-bottom-color:initial;
	border-left-color:initial;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	}

footer.page-footer {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	}

#contact input#your-email, #contact textarea#your-message {
	color:rgb(255, 255, 255);
	}

#banner-gradient {
	background-image: url("img/bg.jpg");
	background-position-x:initial;
	background-position-y:initial;
	background-size:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-attachment:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:initial;
	}

nav .brand-logo, nav ul a {
	color:rgb(68, 68, 68);
	}

.button-collapse {
	color:rgb(38, 166, 154);
	}

@media only screen and (max-width: 992px) {
	.parallax-container .section{position:absolute;top:40%;
		}

.parallax-container .section {
	position:absolute;top:40%;
	}

.parallax-container .section {
	position:absolute;top:40%;
	}

.parallax-container .section {
	position:absolute;top:40%;
	}

.parallax-container .section {
	position:absolute;top:40%;
	}

.parallax-container .section {
	position:absolute;top:40%;
	}
}


.img {

}

element.style {
	padding-left: 0px;
	padding-right: 0px;
}

.row {
	padding-left: 0px;
}

body {
	padding: 0px;
	position: 0px;
}

.col .row {
	padding: 0px;


}

.m7 {
	padding-left: 0.75rem;
}

h3 {
	text-align: center;
	font-size: 60px
}

p {
	text-align: center;
	padding: 1rem;
	font-size: 25px;
}

ul {
	text-align: center;
	font-size: 18px;
}

.row2 {
	margin-bottom: 4rem;
	margin-left: 3vw;
	align-content: center;
}

.logo {
	size: 0.20rem;
	width: 11rem;
	padding-left: 1rem;
	margin-top: 0.5rem;
}

.colour {
	background-color: black;
	
}

.row3 {
	border-spacing: none;
	margin-top: 0.3rem;
}

h5 {
	text-align: center;
}

@media only screen and (min-width: 0px){
	.header {
	 font-size: 3vw;
	 text-overflow: none;
	 max-width: 100%;
	}
	.new {
		font-size: 3vw
	}
}

.container1 {
	max-width: 100%
	text-overflow: none;
	display: flex;
	flex-wrap: wrap;
}

/* [1] The container */
.img-hover-zoom1 {
 /* height: 300px;*/ /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform 1s ease;
}
.img-hover-zoom1 img {
  transition: transform 1s ease;
}
/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

.img-hover-zoom1:hover img {
  transform: scale(1.1);
}

.top {
	padding-top: 15vw;
}

.bottom {
	padding-bottom: 15vw;
}

/*.primary-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

* {
	    padding: 0;
    margin: 0;
}

*, ::after, ::before {
	    box-sizing: border-box;
}

.header1 {
	    color: black;
}

.body1 {
	    background-color: #fff;
    font-family: source sans pro,sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -.2px;
    position: relative;
    overflow-x: hidden;
}

.body1 {
	    margin: 0;
    text-align: left;
    background-color: #fff;
}

*, ::after, ::before {
	    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #0069A1;
}

::selection {
    background-color: #0069A1;
    color: #fff;
}*/