@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);

body {
  min-height: 100vh;
  /* color:#999; */
  font-family: 'Cairo', sans-serif;
  background: #EEEEF4 url(https://www.stlawfirm.com/design/images/business-and-commercial-law.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-weight:300; 
  color: #bcbcbc
}

body:after{
  content:'';
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: rgba(0,0,0,0.8);
}

h1{
  font-weight:100;
  font-size:27pt;
  color:#fff;
  font-size: 30px;
  font-weight: bold;
}

p, a{font-weight:300; color: #bcbcbc}

.warning-content {
	position:absolute;
  top: 50%;
  transform: translateY(-70%);
  width:100%;
  height:300px;
  /* text-align:center; */
  margin:0;
}

.rtl{
  direction: rtl
}

.text-gpi-green{
  color: #d01d20
}

.flex-col{
  flex-direction: column;
}

li i.fa{
  width: 21px
}

li:hover, li a:hover, li:hover i{
  font-weight: bold;
  color:#fff!important
}

.logo{
  max-height: 200px;
}