@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
  background-image: url(./img/pw_maze_black.png);
  /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}

a {
  background: transparent;
}
.fa-facebook,
.fa-twitter,
.fa-telegram {
  margin-top: 20px !important;
  margin-right: 20px;
  font-size: 25px !important;
}

.fa-facebook {
  color: #3b5998;
}
.fa-facebook:hover {
  transform: scale(1.2);
}
.fa-twitter {
  color: #00acee;
}
.fa-twitter:hover {
  transform: scale(1.2);
}
.fa-telegram {
  color: #0088cc;
}
.fa-telegram:hover {
  transform: scale(1.2);
}
.fa-envelope {
  margin-top: 13px;
  margin-right: 20px;
  font-size: 25px;
  color: #fff;
  padding: 10px;
  background: #d44638;
  border-radius: 20px;
}

.email {
  font-size: 18px;
  display: none;
}
.fa-envelope:hover .email {
  display: inline-block;
}

.left-text {
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 140%;
}
.right-text {
  text-align: end;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  margin-left: 100px !important;
}

.creating {
  text-transform: uppercase;
  color: #d44638;
  letter-spacing: 1px;
  font-weight: 800;
}
.different {
  text-transform: uppercase;
  color: #00acee;
  letter-spacing: 1px;
  font-size: 65px;
  font-weight: 800;
}

.change {
  text-transform: uppercase;
  color: #d44638;
  font-weight: 600;
}

.form-text {
  color: #fff !important;
}

.form-control {
  background: none !important;
  border-radius: 0px !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 2px solid #fff !important;
}
.btn-color {
  color: #fff;
  background: #00acee;
  border: none;
  border-radius: 50px !important;
}


/* Navigation
---------------------------------*/
.main-nav-outer{
	padding:0px;
	border-bottom:1px solid #dddddd;
	box-shadow:0 4px 5px -3px #ececec;
	position:relative;
	background:#fff;
}
.main-nav{
	text-align:center;
	margin:10px 0 0px;
	padding:0;
	list-style:none;
}
.main-nav li{
	display:inline;
	margin:0 1px;
}
.main-nav li a{
	display:inline-block;
	color:#222222;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	line-height:20px;
	margin:17px 32px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav li a:hover{ 
	text-decoration:none;
	color: #7cc576;
}

.small-logo{ 
	padding:0 32px;
}

.main-section{
	padding:90px 0 110px;
}


/* Footer
---------------------------------*/

.footer{
	background:url(../img/pw_maze_black_2X.png) left top repeat;
	padding:35px 0 35px;
}
.footer-logo{
	margin:15px auto 35px;
	width: 76px;
}
.copyright, .credits{
	color:#cccccc;
	font-size:14px;
	display:block;
	text-align:center;
}
.copyright a, .credits a{
	color:#7cc576;
	font-weight:600;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.copyright a:hover, .credits a:hover {
	color: #fff;
}

.res-nav_click {
	line-height:38px;
	font-family: 'FontAwesome';
	font-size:38px;
	text-decoration: none !important;
	color:#777777;
	font-style:normal;
	display:none;
	width:42px;
	height:27px;
	margin:20px auto;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.res-nav_click:hover, .res-nav_click:active, .res-nav_click:focus {
	color: #7cc576 !important;
}

.portfolioContainer{
	max-width: 1140px;
}

#content ol li {
	margin-left:2em;
	margin-top: 1em;
}

#content ul li {
	margin-left:2em;
}

#content {
	font-family: "Roboto Condensed", sans-serif;
	font-size:1em;
	color: #DEDDDD !important;
}

#content a {
	color: #FFDB89 !important;
	text-decoration: underline;
}