body {
	background: #38b6ff;
	padding-top: 54px;
}

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

h1, h2, h3, h4 {
	color: #FFFFFF;
	font-family: 'Bebas Neue', cursive;
	font-size: 3em;
}


p {
	
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	color: #FFFFFF;
}

.policy {
	font-family: 'Bebas Neue', cursive;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: underline;
	
}

.rates {
	font-family: 'Bebas Neue', cursive;
	font-size: 22px;
	color: #FFFFFF;	
}

.head {
	font-size: 25px;

}

.bg-dark {
    background-color: #38b6ff!important;
}

 @media (min-width: 992px) {
        
        
        body {
	      background: #38b6ff;
          padding-top: 56px;
        }
        
        .bg-dark {
		    background-color: #38b6ff!important;
		}
		
        h1, h2, h3, h4 {
			color: #FFFFFF;
			font-family: 'Bebas Neue', cursive;
			font-size: 60px;
		}
        
        
        hr {
			display: block; height: 1px;
		    border: 0; border-top: 1px solid #FFFFFF;
		    margin: 1em 0; padding: 0;
		}
		
		p {
	
			font-family: 'Bebas Neue', cursive;
			font-size: 40px;
			color: #FFFFFF;

		}
		
		.head {
			font-size: 25px;

		}
		
		

        
        
      }
      
      
      .red {
	      animation: blink 1.6s linear infinite;
	      color: #FA2A00;
      }@keyframes blink {  
      70% { opacity: 0; }
      }
      
      
      .yellow {
	      animation: blink 2.6s linear infinite;
	      color: #FFFB14;
      }@keyframes blink {  
      70% { opacity: 0; }
      }
      
      
      .prenote{
	      font-family: 'Bebas Neue', cursive;
			font-size: 20px;
			color: #38b6ff;
      }
      
      
      .label{
	      font-family: 'Bebas Neue', cursive;
			font-size: 40px;
			color: #FFFFFF;
      }

      
      .btn-light{
	      background-color: #FFFFFF;
	      border-color: #FFFFFF;
      }
      
      
   .logo {
		width:70%;
	}
      
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
	
	
	.logo {
		width:70%;
	}
	
}
      
      
      
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

.logo {
		width:70%;
	}

}



/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.logo {
		width:70%;
	}

}


/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

.logo {
		width:70%;
	}	
	
}


/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

.logo {
		width:70%;
	}

}


.form-check-input {
    position: relative !important;
    margin-top: .3rem !important;
    margin-left: -1.25rem !important;
    width: 70px !important;
}


.caption {
    position: absolute;
    top: 15%;
    left: 15%;
    color: #FFFFFF;
}


      
      