@font-face {
	font-family: 'Graphik-Regular';
	src: url('../fonts/Graphik-Regular-Web.woff') format('woff');
	font-weight: normal;
	font-style: normal;
} 
@font-face {
	font-family: 'Graphik-Bold';
	src: url('../fonts/Graphik-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
} 

.doggo-bg
{
    background: url('../image/687bg.png');
    background-size: cover;
}
.card
{
    border: 2px solid #c7d400!important;
}
.header-banner
{
    background: #c7d400!important;
    color: #000!important;
}
/* font: gill sans nova */
@media (min-width: 1200px) { 
    .doggo-bg
    {
        position:fixed;
        width:50vw;
        height:100vh;
    }
    .main-col
    {
        margin-left:50vw;
        border-left: 2px solid #fff;
        overflow-y:scroll!important;
    }
    .header-banner
    {
        width: 480px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
 }
 @media (max-width: 1199.98px) { 
    .header-banner
    {
        width: 480px;
        border-radius: 25px;
        margin: auto!important;
        
    }
    h3 
    {
        margin-top: 30px;
    }
  }
  @media (max-width: 767.98px) { 
    .header-banner
    {
        width: 100%;
        border-radius: 0px;
        
    }
   }