/*
Template Name: Artast | Creative Portfolio for Artists and Designers Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/*
-- Body
-- Custom Classes
-- About
-- Contact
-- Mobile Media
*/
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Gabarito:wght@400;500;600;700&display=swap');

:root {
	--green: #096A61;
	--light-green: #365951;
	--dark-green: #192c27;
	--warning: #FDD746;
	--dark-light: #E6F0EE;
	--light: #F2F7F6;
	--light-light: #FBFCFC;
	--white: #ffffff;
}

/* Body */
body {
	font-family: 'Didact Gothic', sans-serif;
}
img {
  max-width: 100%; }
.px-btn {
    padding: 12px 28px;
    border: 2px solid transparent;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
    font-weight: 600;
    transition: ease all 0.35s;
    display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Gabarito', sans-serif;
}
a {
	text-decoration: none;
}
.background-img {
	background-image: url(../img/bg.jpeg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.icon {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon-lg {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width:992px) {
	.background-img {
		background-image: none;
		background-color: #ebddca;
	}
}
.osahan-nav  a.nav-link {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

/* Custom Classes */
.btn-lg {
	padding: 16px 32px;
	font-size: 16px;
}
.bg-success {
	background-color: var(--green) !important;
}
.bg-warning {
	background-color: var(--warning) !important;
}
.text-success {
	color: var(--green) !important;
}
.light-text-success {
	color: var(--light-green);
}
.fs-96 {
	font-size: 96px;
	line-height: 85px;
}
.mb-n10 {
	margin-bottom: -10rem;
}
.mt-n4 {
	margin-top: -4rem;
}

/* Homepage */

/* About */
.profile-img {
	width: 90px;
}

/* Contact */
.icon {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Mobile Media  */
@media (max-width:992px) {
	.m-none {
		display: none;
	}

}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1151px;
}

}