html {
  min-height: 100%;
  position: relative; 
}
body{
  background-color: #CAF0F8;
}

.distance{
  padding:4%;
}

h1{
  font-style: italic;
}

p {
  font-size: 5rem; 
}

.container-fluid {
    padding-top: 70px;
    padding-bottom: 70px;
}
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 5px;
    background-color:#90E0EF ;
}
.navbar-nav  li a:hover {
    color: #03045E!important;
}

.footer-padding {
	padding-bottom: 60px;
}

.footer {
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #00B4D8;
  color: #fff;
}

.footer p {
	font-size: 24px;
}


/* media queries */

    @media (max-width:576px),(orientation:portrait) {
      .navbar-brand {font-size: 5rem;}
      .navbar-nav  li{font-size: 3.8rem;}
      .distance{padding:0;}
      h1{font-size: 7rem;}
      p{margin:1rem 0 5rem;}
    }
    
    @media (min-width:576px) and (orientation:landscape){
      .navbar-brand {font-size: 5rem;}
      .navbar-nav  li{font-size: 3.8rem;}
      .distance{padding:0;}
      h1{font-size: 5rem;}
      p{font-size: 3rem; margin:1rem 0 5rem;}
    }
    
    @media (min-width:768px) and (orientation:landscape){
      .distance{padding:0;}
       p{font-size: 3rem; margin:1rem 0 5rem;}
    }
    
    @media (min-width:992px){
      .navbar-brand {font-size: 2rem;}
      .navbar-nav  li{font-size: 2rem;}
      .distance{padding:4%;}
      h1{font-size: 4rem;}
      p {font-size: 1.7rem;margin:0;}
    }
    
    @media (min-width:1200px){
      .footer p {margin-top: 15px;}
    }