body {
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.content {
width: 1060px;
padding-right: 15px;
//background-color: blue;
//position: absolute;
//left: 0%;
//top: 0%;
//-webkit-transform: translate(-50%, -50%);
//transform: translate(-50%, -50%);
display: flex; flex-direction: row; flex-wrap: wrap;
}
.inner {
width: 318px;
height: 150px;
margin: 15px;
border: 0px;
padding: 5px;
//padding-left: 15px;
justify-content: left; align-items: top;
//background-color: #b9e2f8;
background-image: linear-gradient(to bottom right, #002957, #003d7d, #004c97);
font-weight: normal;
cursor: pointer;
color: white;
}
.innerdisabled {
width: 318px;
height: 150px;
margin: 15px;
border: 0px;
padding: 5px;
//padding-left: 15px;
justify-content: left; align-items: top;
//background-color: #b9e2f8;
background-image: linear-gradient(to bottom right, #002957, #003d7d, #004c97);
font-weight: normal;
//cursor: pointer;
color: white;
}
.innerextra {
width: 318px;
height: 150px;
margin: 15px;
border: 0px;
padding: 5px;
//padding-left: 15px;
justify-content: left; align-items: top;
//background-color: #b5121b;
background-image: linear-gradient(to bottom right, #6F0004, #A2030C, #C10610);
font-weight: normal;
cursor: pointer;
color: white;
}
.innerextra:hover {
background-image: linear-gradient(to bottom right, #1F0305, #5B090E, #B5121B);
}
.innerextradisabled {
width: 318px;
height: 150px;
margin: 15px;
border: 0px;
padding: 5px;
//padding-left: 15px;
justify-content: left; align-items: top;
//background-color: #b5121b;
background-image: linear-gradient(to bottom right, #6F0004, #A2030C, #C10610);
font-weight: normal;
cursor: pointer;
color: white;
}
.innerextradisabled:hover {
background-image: linear-gradient(to bottom right, #1F0305, #5B090E, #B5121B);
}

.inner:hover {
background-image: linear-gradient(to bottom right, #00162E, #002C54, #00396C);
}
.inner:hover a {
text-decoration: underline;
}

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

.separator {
  display: flex;
  width: 100%;
  align-items: center;
  text-align: center;
}


.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}



.separator:not(:empty)::after {
  margin-left: .25em;
}

@media (max-width: 1200px) {
.content {
width: 712px;
}
}

@media (max-width: 898px) {
.content {
width: 364px;
}
}