@charset "utf-8";
/* CSS Document */

body{
 
   background-image:url('../homeimages/skillsback.png');
    background-repeat: no-repeat;
	  background-size: 100% auto;

	 background-position: center top;
	  font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
 
}
#tmain{ background-image:url('../topic/topimages/maintback.png');
	background-repeat: no-repeat;
background-size: 100vw 100%;
	height:60px;
padding:0;
margin:0;
display:block;
padding-top:50px;
	margin-bottom:0px;
	}

#mcont{width:992px;
margin-left:auto;margin-right:auto;
display:flex;
flex-direction:column;
justify-content: flex-start;;
align-items: center;
min-height:70vh;}
main{
width:100%;

min-height:85vh;
background:#2a2d43;

}

.results{width:100%;display:block;
background:#ffffff;border-radius:20px;min-height:50vh;padding:30px;}
.footer{background:#2a2d43;padding-top:50px;}
#numtitle{width:100%;
margin-top:30px;
margin-bottom:20px;}
#numtitle img{width:500px;
margin-left:auto;
margin-right:auto;
display:block;}

.col-md-6{margin:0;padding:0;}

.col-md-6 img{box-shadow:3px 3px 6px 1px #c2c2c2;}
#left{margin-left:8%;
width:80%;
border-radius:25px;}
#right{margin-left:2%;
width:80%;
border-radius:25px;}
.col-md-6 img:hover{box-shadow:6px 6px 12px 3px #c2c2c2}

label{color:#ffffff;}
h2{
font-size:1.1em;
padding-left:10%;
padding-right:10%;
text-align: center;
margin-bottom:15px;
}

@media (max-width: 1068px) {#numtitle img{width:40%;
}
h2{font-size:1em;}
}
@media (max-width: 991px) {
h2{padding-left:4%;
padding-right:4%;
}
#mcont{width:750px;
}
main{
width:100%;

min-height:85vh;
background:#2a2d43;

}
}

@media (max-width: 767px) {
h2{padding-left:2%;
padding-right:2%;
}
#tmain{ display:none;
	}

#left,#right{width:60%;margin-left:20%;
margin-right:20%;
margin-top:20px;}

}

@media (max-width: 600px) {
#mcont{width:98%;
}