@charset "UTF-8";
body, html { height:100%; min-height:100vh; background:#f0f0f0; font-family: 'Cabin', sans-serif;}
html { background:black; }

.hide { display: none; }
a:link, a:visited { color:inherit; }
img { max-width: 100%; }

.home-image {
	background: url(../images/background.jpg?id=1) center center;
	background-size: cover;
	height:250px;
	overflow-y: hidden;
}
h2 {
	font-size:32px; 
	color:#144f9f;
	margin-top:40px;
	margin-bottom:50px;
	line-height:40px;
}
h3 {
	font-size:18px;	
	font-weight: normal;
}
table {
	width:100%;
}
table, th, td {
	background: white;
	border: 1px solid #0f0f0f;
	font-size:15px;
}
td { padding:10px 20px; }
.button {
	background: #0013fe;
	border:none;
	border-radius: 1px;
	color:white !important;
	display:inline-block;
	font-size:25px;
	padding:10px 40px;
	margin-top:20px;
}
.button2 {
	background: #0013fe;
	border:none;
	border-radius: 1px;
	color:white !important;
	display:inline-block;
	font-size:15px;
	font-weight: bold;
	padding:10px 20px;
	margin-top:10px;
	margin-bottom:10px;
}   
.button:hover, .button2:hover {
	background: #010ec3;
	text-decoration: none;
}

input[type='text'] {
	padding:		15px;
	background:  	#d0eafb;
	border:			1px solid #1d1d1d;
	box-shadow: 	inset -1px 1px 8px -1px rgba(84, 113, 135, 0.3);
	width: 			70%;
}
.details {
	font-size:15x;
}
.details a {
	color: #5c8acf;
}
/* HEADER */ 
.header-container {
	background:black;
	color:white;
	padding-top:0px;
}
.header-container img {
	max-height: 68px;
}
.header .logo a:hover {
	text-decoration:	none;
}
.header .logo:hover { text-decoration:none; }

.transitions {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Mobile overlay */ 
.mobileoverlay .close:hover {
	color:black;
}
.logo { padding-top: 19px; padding-bottom:12px; }

/* FOOTER */ 
.footer-container {
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	margin-top: 	30px;
	z-index: 999;
	padding: 20px;
	background:	black; 
	color:white; 
	font-size:14px;
	font-weight:300;
}
::-webkit-input-placeholder { color:grey; font-size:15px; top:-20px; }
:-ms-input-placeholder { color:grey; font-size:15px; top:-20px; }
::-moz-placeholder { color:grey; opacity:1; font-size:15px; top:-20px; }
:-moz-placeholder { color:grey; opacity:1; font-size:15px; top:-20px; }

@media (min-width:768px) {
	.set-size {
		padding-left:		8%;
		padding-right:	8%;
	}
}

@media (max-width: 767px) {
	.page-certificate h2 {
		font-size: 18px;
		line-height: 22px;
	}
	.home-image {
		height:100px;
	}
	.button {
		padding: 7px 30px;
		font-size: 20px;
	}
	.container { min-width:auto; }

	.footer-container {
		font-size:13px;
		background-position: bottom;
		position:relative;
		height: auto;
		padding-top:0;
		margin-top:20px;
	}
	body::before {
		background-position: bottom center;
		background-size: cover;
	}
}
@media (orientation:landscape) and (max-height:420px) {
	.header {
		margin-bottom:10px;
	}
}
@media (max-height: 880px) {
	.page- .footer-container { position: relative; }
}