.selector-for-some-widget {
	box-sizing: content-box;
}
* {
	margin:0;
	padding:0;
}
*, *::after, *::before {
 box-sizing: border-box;
}
body {
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	line-height: 6px;
	background-color:#41365d;
	overflow-x: hidden;
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
}
p {
	font-size: 16px;
	line-height: 22px;
	color:#fff;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	color: #808080;
	text-decoration: none;
}
a:hover, a:focus {
	color: #595959;
	text-decoration: none;
}
a:hover, a:focus {
	outline: none !important;
}
a img {
	border: none;
}
iframe {
	border: none;
}
/* ========== HEADINGS FON-TSIZE ========== */
h1 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
	font-weight:normal;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 10px;
}
a {
	color:#fff;
}
a:hover {
	color:#a3b0db;
}
.img-responsive {
	display:inline-block;
}

.border {
	border:solid 1px #fff;
	
	width:100%;
	float:left;
	padding:2% 4%;
}
.sec1 {
	padding:2% 0;
	color:#fff;
	width:100%;
	float:left;
}
.box {padding:2% 0; display:flex;}
/*h1 {border-left:solid 4px #fff; font-size:48px; padding-left:20px; margin:4% 0;}*/

.circle {
	width:150px;
	height:150px;
	display:inline-block;
	border-radius:50%;
	text-align:center;
	margin:10% 0;
	position:relative;
	background-color:#303441;}
	.circle {
	border:solid 2px #fff;
	padding:4% 4% 4% 4%;
}
.circle h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight:normal;
}
.circle:hover {	background-color:#4d5e99; transition:all 0.5s ease-out; cursor:pointer;}
.list1 {
	display:block;
	margin-top:2%;

}
.list1 li {
	display:inline-block;
	padding:0px 15px;
}
.social {
	display:block;
		margin-bottom:1%;
}
.social li {
	display:inline-block;
	padding:10px 10px;
}
.social li .fa {
	font-size:36px;
}
.sec3 {
	width:100%;
	float:left;
	padding-bottom:3%;
}
footer {
	width:100%;
	float:left;
	text-align:center;
	background-color:#303442;
	padding:1% 0;
}
footer p {
	font-size:12px;
	font-weight:400;
	color:#CCC;
	margin-bottom:0;
}
/* ========================= Body ================== */

@media only screen and (max-width: 767px) and (min-width: 556px) {
h1 {
font-size:30px;
}
h2 {
font-size:24px;
}
h3 {
font-size:20px;
}
h4 {
font-size:18px;
}
p {
font-size:14px;
}
.social li .fa {
font-size:20px;
}
}
 @media only screen and (max-width: 556px) and (min-width: 320px) {
h1 {
font-size:30px;
}
h2 {
font-size:24px;
}
h3 {
font-size:20px;
}
h4 {
font-size:18px;
}
p {
font-size:14px;
}
.social li .fa {
font-size:20px;
}
}