@font-face {
    font-family: "robotolight1";
    src: url("../fonts/robotolight1.woff") format('woff');
}
@font-face {
    font-family: "robotomedium";
    src: url("../fonts/robotomedium.woff") format('woff');
}
@font-face {
    font-family: "robotoregular";
    src: url("../fonts/robotoregular.woff") format('woff');
}
* {
	padding: 0;
	margin: 0;
	font-family: robotomedium;
}

.content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding: 1em 7em;
	grid-gap: 1em;
	justify-items: center;
	align-items: start; 
}
.third > .content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 1em 7em;
	grid-gap: 1em;
	justify-items: center;
	align-items: start; 
}
.top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/*justify-items: center;*/
	align-items: center; 
}
.top > p {
	grid-column: 1/4;
	text-align: center;
	font-family: robotoregular;
	color: black;
	font-size: 20px;
	font-weight: 900;
}
.top > span {
	grid-column: 1/4;
	text-align: center;
	font-size: 20px;
	font-family: robotoregular;
	font-weight: inherit;
}
.top > small {
	grid-column: 1/4;
	text-align: center;
	font-family: robotoregular;
	font-weight: inherit;
}
.top h5{
	font-family: robotoregular;
	color: rgb(209, 173, 20);
}
.top > div{
	display: grid;
}
.top > div h3{
	color: black;
	font-size: 26px;
	margin: 5px !important;
}
.top > div p{
	color: black;
	font-size: 14px;
	font-family: robotolight1;
}

.header {
	display: grid;
	grid-template-columns: 2fr 1fr 2fr; 
	padding: 1em;
	grid-gap: 0.5em;
	justify-items: center;
	align-items: start; 
}
.header div{/*
	border: 1px solid black;
	background-color: #ccc; */
	text-align: center;
}

.header a {
	text-decoration: none;
	color: #3951a7;
}

.content div {
	font-family: robotomedium;
}

h1, h2, h3 {
	font-family: robotoregular;
	color:  #3951a7;
}
h1, h3{
	margin: 0px;
}
.content-items p {
	margin: 5px 0px;
	font-size: 22px;
	font-family: robotolight1;
}
.content-items > img {
	height: 250px;
}


.footer-info div{
	display: inline-block;
}

.footer-info {
	text-align: center;
}

.info-items {
	width: 30%;
} 

hr {
	width: 90%;
	color: #ccc;
	margin: 0 5% 0 5%;
}

footer {
	margin-bottom: 2rem;
}

/*@media screen and (max-width: 1024px){
	.top p {
		font-size: .9em;
	}
}
@media screen and (max-width: 768px){
	.top p {
		font-size: .7em;
	}
}

@media screen and (max-width: 640px){
	.top p {
		font-size: .5em;
	}
}*/