:root{
        --blue-color:#1F4B9C;
        --light-gray:#e9ecef;
      }

      .text-blue{
        color: var(--blue-color);
      }
        .bg-blue {
           background-color: var(--blue-color);
        }

      .bg-gray{
        background-color: var(--light-gray);
      }
      
      body{
        font-family: "Roboto", sans-serif;
			background: #f8f8ff;
			text-align: justify;
		}


   

		.card {
			 box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  			transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  			min-height: 370px;
  			margin-bottom: 50px;
            border: 0;
		}

		.card-title {
			text-align: center;
		}

		.card  a {
			color: #000;
			font-size: 18px;
			text-align: center;
      
		}     

    	.card  a:hover{
        text-decoration:underline;
      }



        @media(max-width:768px){
            h1{
              font-size: 1.9rem;
            }
           

             .jims-logo{
              margin: 0 auto;
              margin-bottom: 10px;
             }
        }