/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,700&display=swap');

html {
	font-family: "Roboto", "Segoe UI", "Arial", sans-serif;
	line-height: 1.15;
}

body{
	margin: 0;
	margin-top: 50px;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.5;
	color: #525252;
	text-align: left;
	background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2)!important;
}

div.footer {
	position:absolute;
	text-align:right;
	bottom:0px;
	right:0px;
	z-index:10;
	margin:10px;
	width:auto;
}


hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(82, 82, 82, 0.5);
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
	line-height: 1.0;
}

h1, .h1{
	font-size: 2.5rem;
	font-weight: 400;
}

h2, .h2{
	font-size: 2rem;
	font-weight: 700;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

b, strong {
	font-weight: bold !important;
}

button {
	border-radius: 0;
}

button,
input,
select {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.btn {
	display: inline-block;
	font-weight: 300;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
	color: #212529;
	text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
	pointer-events: none;
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.container {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  
}

@media only screen and (max-width: 600px) {
	body{font-size: 1.4rem;}
	#firstbox{margin-top:40%;}
	h1, .h1{font-size: 1.5rem;}
}

@media (min-width: 576px){
	.container{
	max-width: 540px;
	}
	#firstbox{margin-top:0%;}
}

@media (min-width: 768px) {
	.container{
		max-width: 720px;
	}
	#firstbox{margin-top:10%;}
}

@media (min-width: 992px) {
	.container{
		max-width: 960px;
	}
	#firstbox{margin-top:20%;}
}

@media (min-width: 1200px) {
	.container{
		max-width: 1140px;
	}
	
}

.font-italic {
	font-style: italic !important;
}

a{
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.margin-bottom-md {
	margin-bottom: 50px;
}