.text-tate-main{
	color: #42ABE5;
}

.text-tate-darker{
	color: #0B7EC8;
}

.text-tate-lighter{
	color: #D8EEFD;
}

.text-tate-gray{
	color: #BEBFBF;
}

.hover\:text-tate-main:hover{
	color: #42ABE5;
}

.hover\:text-tate-darker:hover{
	color: #0B7EC8;
}

.hover\:text-tate-lighter:hover{
	color: #D8EEFD;
}

.hover\:text-tate-gray:hover{
	color: #BEBFBF;
}

.bg-tate-main {
	background-color : #4EABE5;
}

.bg-tate-darker {
	background-color : #0B7EC8;
}

.bg-tate-lighter {
	background-color : #D8EEFD;
}

.bg-tate-gray {
	background-color : #BEBFBF;
}

.hover\:bg-tate-main:hover {
	background-color : #4EABE5;
}

.hover\:bg-tate-darker:hover {
	background-color : #0B7EC8;
}

.hover\:bg-tate-lighter:hover {
	background-color : #D8EEFD;
}

.hover\:bg-tate-gray:hover {
	background-color : #BEBFBF;
}

.bg-main-image {
    background-image: url("/assets/img/bg-photo/background.jpg");
  	background-repeat: no-repeat;
  	background-size: cover;
    background-color: #D8EEFD;
    height: 92vh;
}

.bg-gallery-image {
    background-image: url("/assets/img/bg-photo/gallery-bg.jpg");
  	background-repeat: no-repeat;
  	background-size: cover;
    background-color: #D8EEFD;
    background-position: center;
}

.bg-blog-image {
    background-image: url("/assets/img/bg-photo/blog-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #D8EEFD;
    background-position: center;
}

.bg-client-image {
    background-image: url("/assets/img/bg-photo/client-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #D8EEFD;
    background-position: center;
}

.bg-career-image {
    background-image: url("/assets/img/bg-photo/career-bg.jpg");
  	background-repeat: no-repeat;
  	background-size: cover;
    background-color: #D8EEFD;
    background-position: center;
}

.bg-contact-image {
    background-image: url("/assets/img/bg-photo/contact-bg.jpg");
  	background-repeat: no-repeat;
  	background-size: cover;
    background-color: #D8EEFD;
    background-position: center;
}


.parallax {
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}