html,body {
  margin: 30px;
}

h1,h3,h4,p {
  text-align: center;
}

h1 {
      font-family: "Times New Roman", Times, serif;
}

h3,h4,p,a {
   font-family: Arial, Helvetica, sans-serif;
}

a {
        color: #fff;    
}
a:link {
      text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

.wrapper {
    display: grid;
    grid-gap: 10px;
        grid-template-columns: 290px 210px;
        background-color: #fff;
        color: #000;
        align-items: center;
        justify-content: center;
    }

    .box {
        background-color: #0074BC;
        color: #fff;
        border-radius: 5px;
        padding: 10px;
        font-size: 150%;
        height: 230px;
        
    }
     .titlebox {
        background-color: #0074BC;
        color: #fff;
        border-radius: 5px;
        padding: 20px;
        font-size: 150%;
        height: 38px;

    }
    
    .box-red {
        background-color: #CC0000;
        color: #fff;
        border-radius: 5px;
        padding: 20px;
        font-size: 150%;
        height: 38px;

    }
        
    .box-green {
        background-color: #009900;
        color: #fff;
        border-radius: 5px;
        padding: 20px;
        font-size: 150%;
        height: 38px;

    }
    
    .a {
	grid-column:1/3;
	grid-row:1;
    }

    .c {
        grid-column: 1;
        grid-row: 2;
    }
    .d {
        grid-column: 2;
        grid-row: 2;
    }

    .e {
        grid-column: 1;
        grid-row: 3;
    }
    .f {
        grid-column: 2;
        grid-row: 3;
    }