@charset "UTF-8";



.custom-toggler.navbar-toggler {
            border-color: white;
        }
.custom-toggler .navbar-toggler-icon {
            background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }



body {
  font-family: Times New Roman;
	background-color: #02053D;
}

.bg{
  background-image: url("images/hayesbg.jpg");
			background-repeat: no-repeat; 
			background-size: cover;	
	      
}
        .imgsz{
           max-height: 100%;
            max-width: auto;
            margin-top: 20px;
            box-shadow:  15px 15px 20px black;
        }	
 
.fade-in-text {
  font-family: Arial;
font-size: 30px;
  animation: fadeIn 5s;
    color: white;
}
	footer{
		position: flex;
		bottom: 0;
		width: 100%	;
       
	  
            
        }
		

.container_2 {
        display: flex;
        justify-content: center;
    background-color: #01021B;
    min-height: 100px;
       text-align: center;
        color: white; 
    align-items: center;
        }	



h1{
	color: white;
	text-align: center;
}
h3{
	color: white;
	text-align: center;
}

p{
   
	color: white;
    font-size: 22px;
	
}
img{
	max-width: 100%;
	max-height: auto;		
}


.grid-container{

  display:grid;

  max-width: 85vw;

  margin: 10px 10vw;

    grid-template-columns: repeat(2, 1fr);

 column-gap: 10px ;

 row-gap:  20px;
    color: white;
   

}







.showdesktop{

display: block;

}

.showmoblie{

display: none;

}



@media (max-width: 768px) {

	
	.bg{
  background-image: url("images/smallbg.jpg");
			background-repeat: no-repeat; 
			background-size: 100%;
}



.grid-container{

display: grid;

	grid-template-columns: repeat(1, 1fr);

	}
	.showdesktop{

display: none;

}

.showmoblie{

display: block;

}



}