﻿@charset "UTF-8";

@import url('mo-grid.css');
@import url('fonts.css');
@import url('menu.css');
@import url('module.css');

:root{
	--bg-color-blog: #FCFCFC;
	--bg-color-blog-border: #F8F8F8;
}
html {
	scroll-behavior: smooth;
}
body {
	font-family: Josefin Sans, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.3px;
	letter-spacing: 0px;
	text-align: left;
	color: #8d8d8d;
}
p{
	margin-bottom:15px;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.relative{
	position:relative;
}
strong{
	font-weight:600;
}

.uppercase {
  text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
img{
	width:100%;
	height:auto;
}
.head-img{
	margin-bottom:15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   color:  #232323;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1.3;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    letter-spacing: 0px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    transition: .5s;
}
h1 {
    font-size:42px;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 18px;
}
@media (max-width: 767px){
	h1,h2,h3,h4,h5,h6{/*hyphens: auto;*/}
	h1 {
    font-size:32px;
    margin-bottom: 15px;
	}
	h3 {
	font-size: 22px;
	}	
}
/* Footer
 ======================================================== */
.footer{
	color:#f6f6f6;
	padding:20px 0 20px 0;
	background-color: #20232a;
}
.footer a{
	font-family: Josefin Sans, sans-serif;
	font-size:16px;
	color:#f6f6f6;
	text-decoration:none;
} 
.footer a:hover{
	text-decoration:underline;
}

