/* Theme Description
-------------------------------------------------
	  Theme Name: Yun Assistance
	  Support: webmaster@yunassistance.com
	  Version: 1.1

/* CSS Index
-------------------------------------------------
	1. Theme default css
	2. Header
	3. slider
	4. about-area
	5. features-box
	6. department
	7. team
	8. video-area
	9. counter
	10. footer


/* -------------------------------------------------
    1. THEME DEFAULT CSS
------------------------------------------------- */
* { 
    margin: 0; padding: 0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
html {
	height: 100%;
}
body {
    --inv: #000;
	color: var(--inv);
	font-size: 16px;
	font-family: 'Lato';
	background-image: url(img/bg-marble.jpg);
	background-size: cover;
	background-position: 50% 0;
	height: 100%;
	text-align: center;
}
body:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
main {
	display: inline-block;
	vertical-align: middle;
	padding:  100px;
	width: 80%;
    text-align: center;
}
header {
    margin-bottom: 40px;
}
footer {
    margin-top: 40px;
}

/* -------------------------------------------------
    2. FONTS
------------------------------------------------- */
h1 {
	font-size: 32px;
}
h2 {
	font-size: 18px; 
}
h1, h2, p {
	margin-bottom: 1rem;
}
.small {
    font-size: 12px;
}
a {
    text-decoration: none;
}
p a {
    text-decoration: underline;
    color: #999;
}
p a:hover {
    color: #000;
}
.access-btn {
}
.btn.from-center {		
    font-size: 12px;
    letter-spacing: 0.2rem;
	text-transform: uppercase;
	color: #000;
    border: 1px solid #000;
    margin: 0 10px 15px;
    display: inline-block;
	padding: 20px 50px;
	cursor: pointer;
}
.btn.from-center:hover {
	color: #fff;
    background: #000;
	transition-delay: .5s;
}

/* -------------------------------------------------
    3. PAGES & ELEMENTS
------------------------------------------------- */
.invisible {
    display: none;
}
.error {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: var(--inv);
	color: #f00;
	padding: 5px;
	max-width: 50%;
}
.disable {
	position: fixed;
	bottom: 0;
	right: 0;
    cursor: pointer;
}


/* -------------------------------------------------
    4. RESPONSIVE
------------------------------------------------- */
@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 380px) {
}