/***************************************************************************************
    Template Name    : Fibonacci | Responsive Bootstrap 4.3.1 Portfolio Template
    Author           : ElseColor
    Version          : 1.0.0
    Created          : 2020
    File Description : Custom css file of the template
****************************************************************************************/

/**************************************
    CONTENT
    1. Typography
    2. Content Styles
    3. Background
    4. Text

****************************************/

/*********************************
   1. Typography
 ********************************/
a {
    text-decoration: none;
}

h1, h2 { margin: 0; }

h1 {
	font-size: 50px;
	letter-spacing: .6px;
	line-height: 1.2;
	font-weight: 600;
	color: #333;
}

h2 {
	text-transform: uppercase;
	font-size: 36px;
	letter-spacing: .6px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
}

/*********************************
   2. Content Styles
 ********************************/
.wrapper {
  text-align: center;		
  position: absolute;
  overflow: hidden;
  display: table-cell;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.scene,
.layer {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

.scene {
  position: relative;
  overflow: hidden;
}

/*********************************
   3. Background
 ********************************/
.background {
  background: url(../images/background.jpg) no-repeat 50% 100%;
  bottom: -20px;
  background-size: cover;
  position: absolute;
  width: 110%;
  left: -5%;
  top: -5%;
}

/*********************************
   4. Text
 ********************************/
.title {
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 10%;
}

.line {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 1px;
	background: #ff5500;
	margin-top: 10px;
}

.contact {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	text-align: center;
	bottom: 5%;
	font-size: 15px;
	letter-spacing: .3px;
	line-height: 1.8;
	color: #333 !important;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	h1 {
		font-size: 26px;
	}
}