/* RESET STYLES */
html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}


/* Navbar custom styles */
nav {
  transition: background-color 0.3s ease;
}
.navbar-brand{
	width: 50px;
}
@media only screen and (min-width: 600px) {
   .navbar {
    	height: 60px !important; 
   }
}
@media only screen and (min-width: 768px) {
	.navbar {
    	height: 80px !important; 
  	}
}

/* Footer */
.footer {
	height: 100px;
	display: flex;
}
.footerLogo {
	margin:auto;
}
.footerLogo img {
	width: 50px;
}
.footerSocialsDiv {
	float: right;
	margin-top: 35px;
	margin-right: 30px;
	margin-left: -165px; /* Subtract the social icon sizes and margins */
}
.footerSocialsDiv img{
	width: 30px;
	margin-right: 15px;
}
.footerSocialsDiv img:hover {
	transform: scale(1.1);
	transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 768px) {
	.footerSocialsDiv {
    	display: none !important;
  	}
}