/*
* BEGIN main.css
*
* @TITLE: 
* @DESCRIPTION: Landing Page
* @AUTHOR: Ginger Gears
* @COPYRIGHT: All Rights Reserved
* @LICENSE: MIT (http://opensource.org/licenses/MIT)
*
* BEGIN CHANGELOG
* @IMPORTANT NOTICE: Developers working on these files are REQUIRED to maintain this CHANGELOG.
* !==================================================================================================================================================================
* VERSION 1.0.1
* + File Created, Ginger Gears, 2024/03/03
* ==================================================================================================================================================================!
* END CHANGELOG
*/
@font-face {
	font-family: 'Metropolis regular';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("fonts/metropolis_font/Metropolis-Regular.otf") format("opentype"); 
}
/* body{
    font-family: 'Metropolis regular';
} */
.custom-line{
    position: absolute;
    width: 100%;
    height: 100%;
}
.list-left {
    margin-left: -15px;
}
.square-image {
    aspect-ratio: 1/1;
}
.jumbotron{
    background-image: url("/images/design-coffee-shop.jpg");

  /* Set a specific height */
    min-height: 74vh;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jumbo-img{
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%;
}
.bg-db-green{
    background-color: rgb(166, 206, 57);
}
.colour-db-green{
    color: rgb(166, 206, 57);
}
.btn-design-base{
    border: solid 2px;
    background-color: rgb(255, 255, 255);
    border-color: rgb(166, 206, 57);
    color: rgb(166, 206, 57);
}
.btn-design-base:hover{
    border: solid 0px;
    background-color: rgb(166, 206, 57);
}
footer{
    background-color: #ffffff;
    bottom: 0px;
}
.interest-img{
    max-height: 250px; 
}
.trademark-style{
    margin-top: -6px;
    margin-left: auto;
}