@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css";
@import url('https://fonts.googleapis.com/css?family=Raleway');

html,h1,h2,h3,h4,h5,h6,a{
	font-family: "Raleway";
}

a,
a:focus,
a:hover {
  color: #fff; font-size: 13px;
}

.btn, .btn-sm { padding: 8px 8px; 
font-size: 15px; line-height: 1;
border-radius: 6px; } 

.btn, .btn-sm:hover {
  font-size: 15px;
}


html,
body {
  height: 100%;
  background-color: #333;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 48em;
}

.cover {
  padding: 0 0rem;
  font-weight: 300;
}


hr { display: block; height: 1px; border: 0; 
border-top: 1px solid #fff; margin: 1em 0; padding: 0; } 


@media (max-width: 576px) {
  h1 {
    font-size: 20px;
  }

  .text-sm-left {
    text-align: left;
  }
  
  .text-right-sm {
    text-align: right;
  }
  
  .text-center-sm {
    text-align: center;
  }
  
  .font-size-sm {
    font-size: 14px;
  }
  
  .text-white-sm {
    color: white;
  }
}




@media (min-width: 576px) and (max-width: 992px) {
  .text-left-md {
    text-align: left;
  }
  
  .text-right-md {
    text-align: right;
  }
  
  .text-center-md {
    text-align: center;
  }
  
  .font-size-md {
    font-size: 18px;
  }
  
  .text-white-md {
    color: white;
  }
}



@media (min-width: 992px) {
  .text-left-lg {
    text-align: left;
  }
   
  .text-right-lg {
    text-align: right;
  }
  
  .text-center-lg {
    text-align: center;
  }
  
  .font-size-lg {
    font-size: 20px;
  }
  
  .text-white-lg {
    color: white;
  }
}