@charset "utf-8";
/* font-family: 'Lato', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Comfortaa', cursive; */

.selector-for-some-widget {
	box-sizing: content-box;
}
* {
	margin:0;
	padding:0;
}
*, *::after, *::before {
 box-sizing: border-box;
}
.clearfix {clear:both;}

body {
	font-weight: normal;
	color: #000;
	background-color: #ffffff;
	overflow-x: hidden;
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
}
:root {
 --blue:#000;
 --dark:#000;
 --gray:#333333;
 --light:#f5f5f5;
}
.bg-primary {
	background-color:var(--blue)!important;
}
.text-primary {
	color:var(--blue)!important;
}
.btn-primary {
	background-color:var(--blue)!important;
}
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 ========== */

select {
	border-radius: 6px;
	padding: 6%;
	margin:2% 0;
}
.sec1 {
	background-color:#0762b5;
	padding-bottom:4%;
	color:#fff;
}
.sec2 h1:after {
	border-bottom:solid 2px var(--blue);
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	width:20vw;
	transform:translate(-50%, 6px);
}
.sec2 form {
	text-align: center;
	display: inline-grid;
}

/* ========================= Body ================== */


@media only screen and (max-width: 640px) and (min-width: 556px) {
html {
font-size:70%;
}
}
 @media only screen and (max-width: 556px) and (min-width: 320px) {
html {
font-size:60%;
}
}