@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.mainContainer, 
.articleDesc {
	font-family:'Lato', sans-serif;
	font-size: 18px;
	font-weight: 500;
    line-height: 1.5;
}
h2 {
	font-family:'Lato', sans-serif;
	font-size: 2.6rem;
	font-weight: 800;
    line-height: 1.5;
}
h3 {
	font-family:'Lato', sans-serif;
	font-size: 2rem;
	font-weight: 500;
    line-height: 1.5;
    text-align: left;
}

.butStartTraining {
	margin: 40px auto;
	text-align: center;
}
.butStartTraining a {
	background: #ee1a28 !important;
	border-radius: 5px;
	   padding: 10px 15px;
	text-decoration: none;
	color: white;
}




.mainContainer {
	max-width: 800px;
	text-align: justify;
	margin: auto;
}

div.center {
	text-align:center;
}
img.title {
	height:280px;
	border-radius: 25px;
}
h2 {
	text-align:center;
}
h3 {
	padding-top:10px;
}
h3.end {
	font-size:97%;
	/*text-align:center;*/
}
h3.italic {
	font-style:italic;
}
b {
	/* font-family:Helvetica,sans-serif; */
	font-weight:bold;
}

h3.author {
	text-align:center;
	padding-top:0px;
}
li.spaced {
	padding-bottom:10px;
}
ul.spaced {
	padding-top:10px;
}
h3.link {
	text-align:center;
}

div.articleLink {
	max-width: 800px;
	min-height: 150px;
	margin:30px auto;
}
img.thumb {
	width:200px;
	height:150px;
	border-radius:15px;
}
div.thumbContainer {
	width:200px;
	float:left;
	margin-right:25px;
	cursor:pointer;
}
div.articleDesc {
	text-align: justify;
}

.card{
	width: 36px;
	height: 50px;
	padding: 0;
}
img.cardBorder {
	border: 1px solid lightgrey;
	border-radius: 5px;
}
td.cardsHolder {
	width:30%;
	text-align:right;
}
tr.spaceUnder > td
{
  padding-bottom: 15px;
}

.legend { list-style: none;}
/*.legend li { float: left; margin-right: 10px; }*/
.legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin-right: 2px; }
/* your colors */
.legend .lblue { background-color: #366092; }
.legend .lgrey { background-color: #b8cce4; }
.legend .lgreen { background-color: #00b051; }
.legend .lyellow { background-color: #ffff00; }





.left {
    float: left;
    width: 40%;
    padding: 0px 4%;
    /* border: 1px solid #f2f2f2; */
    border-radius: 25px;
}
.right {
    float: right;
    width: 40%;
    padding: 0px 4%;
    /* border: 1px solid #f2f2f2; */
    border-radius: 25px;
}
.group:after {
    content:"";
    display: table;
    clear: both;
}
img.artimg {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 850px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}