/*
 * Globals
 */

@font-face {
    font-family: NineOne;
    src: url(../font/NineOne.ttf);
}

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
    
}

a:hover{
    text-decoration: none;
    color: #333;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  
}


.btn-default:hover{
      background-color: orange;
  
}
/* smooth scroll */
html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
  background-color: #1f1f7a;
   
}
body {      
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  
}

/* Navbar background color */
.bg-dark {
  background-color: #1f1f7a !important;
}


.jumbotron{
    background: url('../images/BG1.jpg') top left no-repeat, linear-gradient(to bottom, rgba(31, 31, 122, 0.9) 0%, rgba(31, 31, 122, 0.9) 100%) ;
    background-size: cover;
    display: table;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 100px #000;
}

.box1{
    background: url('../images/12.jpg') top left no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 100px #000;
}

.intro{
    margin: 10rem 0 0 0;
    background-color:rgba(19, 19, 57,0.6);
	font-size: 1rem;
}

.intro h1{
    font-size: 2rem;
}
 

  /* Handle the widths */
  .cover,
  footer,
  .container-fluid text-center {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }

ul {
    list-style-type: none;
    
    
}

h1, h2, h3, h4 {
    margin: 2rem 0;
    font-family: NineOne;
    font-size: 4rem;
  
}



/*-- Footer-Starts-Here --*/
.footer {
    background: url("../images/world.jpg");
}
.social {
    padding: 30px 0;
    text-align: center;
}
.footer-info {
    margin-top: 50px;
}
.footer-info h4 {
    color: #EEE;
    padding: 20px 0;
    font-weight: 600;
}
.footer-info li {
    color: #EEE;
    display: block;
    font-weight: 300;
    font-size: 13px;
    line-height: 25px;
}



@media (min-width: 1200px) {
.intro h1 {
font-size: 5.5rem; /* This line changes the font size if in normal screen size. */
    
}
    .intro{
    margin: 35rem 0 0 0;

}
}