.smooth {
  transition: all .6s ease-out!important; 
  -o-transition: all .6s ease-out!important;
  -moz-transition: all .6s ease-out!important; 
  -webkit-transition: all .6s ease-out!important;
}

.btn{
  transition: all .6s ease-in-out!important; 
  -o-transition: all .6s ease-in-out!important; 
  -moz-transition: all .6s ease-in-out!important; 
  -webkit-transition: all .6s ease-in-out!important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.alert{
  font-size: .75rem!important;
}

h1{
    font-size: 3rem!important;
}

h3{
  font-size: 2rem!important;
}

h5{
  font-size: 1.5rem!important;
  text-decoration: underline;
}

h6{
  font-size: 1rem!important;
}

body{
  font-size: 1rem!important;
}

p{
    font-size: 1rem!important;
}

small{
  font-size: 0.75rem!important;
}

.btn-std{
  font-size: 1rem!important;
}

.btn-soc{
  font-size: 0.75rem!important;
}

.btn-emp{
  font-size: 1rem!important;
}

.fa-regular, .fa-solid, .fa-brands{
  font-size: 1rem!important;
}

.zoom-img {
  transition: transform 0.6s ease-in-out; 
  overflow: hidden;
}

.zoom-container:hover .zoom-img {
  transform: scale(1.03); 
  overflow: hidden;
}

.navbar-brand img{
  width:100px;
  height: auto;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {



}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

.alert{
  font-size: 1rem!important;
}

h1{
    font-size: 4.5rem!important;
}

h3{
  font-size: 3rem!important;
}

h4{
  font-size: 2rem!important;
}

h5{
  font-size: 1.5rem!important;
  text-decoration: underline;
}

h6{
  font-size: 1rem!important;
}

p{
    font-size: 1.5rem!important;
}

small{
  font-size: 0.75rem!important;
}

.btn-std{
  font-size: 1rem!important;
}

.btn-soc{
  font-size: 1rem!important;
}

.btn-emp{
  font-size: 1rem!important;
}

.fa-regular, .fa-solid, .fa-brands{
  font-size: 1rem!important;
}

.navbar-brand img{
  width:150px;
  height: auto;
}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  


}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  


}

/* Google Fonts > Popsspins */

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif!important;
  font-weight: 200!important;
  font-style: normal!important;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 4.5rem!important;
}

h4, body, .alert, small, h1, .btn-std .btn-soc, .poppins-regular {
  font-family: "Poppins", sans-serif!important;
  font-weight: 400!important;
  font-style: normal!important;
}

.navbar, .btn-emp, p, h3, h5, .poppins-medium {
  font-family: "Poppins", sans-serif!important;
  font-weight: 500!important;
  font-style: normal!important;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

h6, .poppins-bold {
  font-family: "Poppins", sans-serif!important;
  font-weight: 700!important;
  font-style: normal!important;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}