*{box-sizing: border-box;}
html, body{height: 100%; margin: 0 auto;}
main{
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 35px;
	text-align: justify;
	line-height: 1.75;
	font-family: roboto, sans-serif;}
main hr{border: 2px solid #005298; margin: 35px 0;}
main a{color: inherit;}
main a:hover{color: #005298;}
.main-topmenu{
	margin: auto;
	text-align: center;}
.myButton{
	background: #005298;
	color: white;
	border-radius: 15px;
	padding: 10px;
	margin: 10px;
	text-decoration: none;}
.myButton:hover{background: #FDBF5C;}
section {padding: 30px 0;}
.toppy, footer{
	font-family: 'roboto condensed', sans-serif;
	text-align: center;}
.toppy{
	margin: 100px auto 0;
	padding: 5px;
	max-width: 150px;
	border-top: 3px solid red;
	border-bottom: 3px solid red;}
.toppy a{text-decoration: none; color: inherit;}
footer{
	padding: 40px;
	background: #005298;
	color: white;
}
.flexbox{display: flex; padding:10px 0;}



/* index */
.site-images{padding: 70px 5px 25px;}
.index-images img{width: 100%; border-radius: 10px;}
.index-images{
	flex:1;
	text-align:center; 
	padding:0 10px 40px;}
.index-images span{font-size: 1.2rem;}


/* intro */
.flexy1{flex:0 140px;}
.flexy2{flex:1;}


/* competencies */
.the-comp{font-style: italic;}
.myComps {padding: 30px 0 0;}
.myComps2 {padding: 0 0 30px;}
.evid-img {
	width:190px; 
	float:right;
	border: 1px solid #005298;
	border-radius: 10px;
	margin: 5px 0 0 10px;
}
.evid-btn{margin: 0; text-align: center;}
.evid-btn:hover{background:#005298;}
.explain{padding: 10px 0; min-height: 300px;}
.lefty{text-align: left;}
.isp{margin: auto;
	max-width: 700px;
	padding-top: 40px;
}
.isp img{width: 100%; border: 1px solid lightgrey; border-radius: 5px; padding: 5px 30px;}
figcaption{font-size: 0.8rem; padding-top: 10px;}
.pln{padding: 20px 20px 20px 40px;}



/* responsive */

@media (max-width: 479px){
	.myButton{margin: 2px; padding: 10px 5px;}
}
@media (max-width: 599px){
	main{padding: 20px 20px;}
	.flexbox{display: block;}
	.isp img{padding: 0}
}