/****** This is a stylesheet ******/

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body, html {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	font-size: 16px;
	font-family: 'Poppins', sans-serif!important;
	scroll-behavior: smooth;
}

.oveflow-y-auto {
	overflow-y: auto!important;
}

.min-h {
    min-height:100vh!important;
}

.text-bold {
    font-weight:bold!important;
}

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

.flex-direction-column {
    flex-direction:column!important;
}

.preloader {
    width:100%;
    min-height:100vh;
    position:fixed;
    top:0px;
    left:0px;
    z-index:99999;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
}

.logo-image {
	width: 100%; max-width: 3rem;
}

.navbar-brand:hover .logo-text {
	color: #0DCAF0;
}

.navbar {
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

#mainmenu {
	width: 100%; 
	max-width: 50rem;
}

#mainmenu > ul > li {
	padding: 0rem 1rem;
}

#mainmenu > ul > li > a {
	color: #fff;
}

#mainmenu > ul > li > a:hover {
	color: #0DCAF0;
}

#mainmenu > ul > li#active > a {
	color: #0DCAF0;
}

.dropdown-item:hover {
	background: #0DCAF0!important;
}

.logo-image-footer {
	width: 100%; max-width: 2rem;
}

.footer-link {
	text-decoration: none; color: #fff;
}

.footer-link:hover {
	text-decoration: underline; color: #0DCAF0;
}

.home-banner {
    background:-webkit-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/home-banner.jpg');
    background:-moz-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/home-banner.jpg');
    background:-ms-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../home-banner.html');
    background:-o-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/home-banner.jpg');
    background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/home-banner.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

.display-banner {
    font-size:10rem;
}

.banner-slogan {
    font-size: 1.2rem;
    letter-spacing: 2px;
}

.home-about-cont {
    width:100%;
    max-width:1260px;
}

.respo-image {
    width:100%;
    max-width:475px;
}

.skill-tile {
    font-size:3rem;
}

.slope-icon {
    font-size:3rem;
}

#page-header {
    width:100%;
    height:300px;
    background:-webkit-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/header-image.jpg');
    background:-moz-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/header-image.jpg');
    background:-ms-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/header-image.jpg');
    background:-o-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/header-image.jpg');
    background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../images/header-image.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}


.page-header-content > h1 {
    text-transform:uppercase;
    font-weight:bold;
}

.about-image {
    width:100%;
}