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

body {
    padding-top: 20px;
    font-family: "Source Sans Pro", sans-serif;
	background: linear-gradient(41deg, rgb(197, 211, 246) 0%, rgba(252,252,255,1) 34%, rgba(255,255,255,1) 66%, rgba(190,243,254,1) 100%);
	background-size: cover;
	height: 100vh;
}
.bg-cc-gradient {
	
  }
h1 {
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
    font-size: 2.5rem;
    color: #029FD7;
    font-weight: 500;
}
.btn.btn-primary {
	background-color: #029FD7;
	border-color: #029FD7;
	color: #fff;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
}
.btn.btn-primary:hover {
	background-color: #029FD7;
	border-color: #029FD7;
	color: #fff;
}
.ccLogo {
	display: block;
	width: 200px;
	height: 100px;
	margin: 20px auto 20px;
	background-image: url(https://cloudchampion.azureedge.net/wp-uploads/ccLogo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#msl_container {
    width: 70%;
    max-width: 600px;
    min-width: 400px;
    margin: 0 auto 60px;
    display: block;
    background: #ffffff;
    border-top: 8px solid #029FD7;
    padding: 20px 30px 40px;
    box-shadow: 0px 3px 20px -15px rgba(51,51,51,1);
    border-radius: 5px;
}
.msl_content {
	padding: 0px 20px;

}
.msl_linkBox {
    width: 18.5%;
	min-width: 80px;
    text-align: center;
    padding: 1%;
    float: left;
    border: 1px solid #efefef;
	margin: 2%;
	transition: .5s all;
}
.msl_linkBox:hover {
	/* border: 1px solid #999; */
	background: rgba(255,255,255,0.9);
}

.msl_linkBox a img{
	display: block;
	margin: auto;
	padding: 10px 0;
	opacity: .9;
}
.msl_linkBox a:hover img {
	opacity: 1;
}
.msl_linkBox a {
	color: #999;
	text-decoration: none !important;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	
}
.msl_linkBox a:hover {
	color:#222;
	
}
.clearfix {
	clear: both;
}
p {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 1rem;
    color: #333;
    font-weight: 100;
}