@charset "UTF-8";
@import url(animate.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|Dorsa);
/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
@import url(https://use.fontawesome.com/releases/v6.3.0/css/all.css);

/*

primary template colors

  color: #302e2b;
  background-color: #f8f6f4;

*/

/*===============     MODAL    ====================*/
  
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding: 25%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  overflow: scroll;
  background-color: #000;
  margin: auto;
  padding: 20px;
   left: 50%;
   top: 50%; 
  border: 0px solid #888;
  color: #f8f6f4;
}
.modal-content h1{
	padding: 10px 40px 0px 40px;
	text-align:left;
	font-size:2em;
}
.modal-content h2{
	padding: 10px 40px 0px 40px;
	text-align:left;
	font-size:1.6em;
}
.modal-content h3{
	padding: 10px 40px 0px 40px;
	text-align:left;
	font-size:1.4em;
}
.modal-content h4{
	padding: 10px 40px 0px 40px;
	text-align:left;
	font-size:1em;
}
.modal-content h5{
	padding: 10px 40px 0px 40px;
	text-align:left;
	font-size:0.8em;
}
.modal-content p{
	padding: 10px 40px 0px 40px;
	text-align:left;
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
  
  
  /*===============   FOOTER    ====================*/
  
 .footer{
background:#000;
padding:30px 0px;
font-family: 'Play', sans-serif;
text-align:center;
}

.footer .row{
width:100%;
margin:1% 0%;
padding:0.6% 0%;
color:gray;
font-size:0.8em;
}

.footer .row a{
text-decoration:none;
color:gray;
transition:0.5s;
}

.footer .row a:hover{
color:#fff;
}

.footer .row ul{
width:100%;
}

.footer .row ul li{
display:inline-block;
margin:0px 30px;
}

.footer .row a i{
font-size:2em;
margin:0% 1%;
}

@media (max-width:720px){
.footer{
text-align:left;
padding:5%;
}
.footer .row ul li{
display:block;
margin:10px 0px;
text-align:left;
}
.footer .row a i{
margin:0% 3%;
}
}