main {
padding-bottom: 2rem;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
.display-1,
.display-2,
.display-3,
.display-4 {
font-family: "Source Sans Pro", sans-serif;
font-weight: 300;
h1,
.h1,
h2,
.h2,
h3,
.h3,
.display-1,
.display-2,
.display-3,
.display-4: none;
letter-spacing: normal;
}
/* info cards on resources pages, for example */
.info-cards {
display: flex;
align-items: center;
}
.info-card {
padding-right: 10px;
text-align: justify;
}
.info-card-left {
padding-right: 10px;
text-align: left;
flex-basis: 25%
}
.info-card-middle {
padding-right: 10px;
padding-left: 10px;
text-align: justify;
flex-basis: 50%
}
.info-card-right {
padding-left: 10px;
text-align: right;
flex-basis: 25%
}
/* specs cards for objectives and lasers etc. */
.specs-cards {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: left;
}
.specs-card {
padding-right: 10px;
text-align: justify;
}
@media(max-width:576px) {
.info-cards {
flex-wrap: wrap;
}
.card-body {
padding: 0.75rem;
}
}
/* single flex */
/* flex scope items for scopes types */
.btn-center {
justify-items: right;
}
.scopes-container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
max-height: 80rem;
}
.scope-item {
justify-content: center;
padding: 0.5rem;
margin-top: 2px;
margin-right: 11px;
margin-bottom: 11px;
margin-left: 2px;
width: 53%;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.1) !important;
}
.scope-item:hover {
box-shadow: 0 10px 16px 0 rgba(0,0,64,0.3),0 6px 20px 0 rgba(0,0,0,0.15) !important;
transition: box-shadow 0.2s ease-in-out;
}
@media(max-width:1099px) {
.scopes-container {
max-height: 72rem;
}
.scope-item {
width: 53%;
}
}
@media(max-width:991px) {
.scopes-container {
max-height: 300rem;
}
.scope-item {
width: 88%;
}
}
@media(max-width:768px) {
.scopes-container {
max-height: 70rem;
}
.scope-item {
width: 50%;
}
}
@media(max-width:576px) {
.scopes-container {
max-height: 200rem;
}
.scope-item {
width: 100%;
}
}