/*FONTS

Termina Regular

font-family: termina, sans-serif;
font-weight: 400;
font-style: normal;


Termina Medium

font-family: termina, sans-serif;
font-weight: 500;
font-style: normal;


Termina Demi

font-family: termina, sans-serif;
font-weight: 600;
font-style: normal;
*/

body{
background: #E9E9E9;
color: #282727;
font-family: 'Bebas Neue', cursive, sans-serif;
font-size: 1.25rem;
padding: 0;
}

.cta .cta_icon{width: 14px; height: 14px;}
.cta{color: #282727; line-height: 100%;}
.cta:hover{text-decoration: none; color: #282727}
.cta .cta_text{display: none;}

.logo{width: 154px; height: auto; }
.quote_desktop{display: none;}
.quote_mobile{width: 100%;}
#belliart_wrapper{width: 100vw; height: 100vh; padding-top: 55px; padding-bottom: 65px; padding-left: 13.87%; padding-right: 13.87%; margin: auto; display: flex;
  flex-direction: column;
  justify-content: space-between;}

  #belliart_wrapper_bottom{display: flex; flex-direction: column; justify-content: center;}
  #belliart_wrapper_top{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; position: relative;}
  #belliart_wrapper_mid{min-height: 354px; height: 100%; margin-top: 55px; margin-bottom: 41px; width: 100%; background:url(../img/the_belliart.jpg) bottom right no-repeat; background-size: cover; position: relative;}
#belliart_wrapper_mid .overlay{height: 77.68%; width: 100%; position: absolute; bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+40,0.25+100 */
  background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.25) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#40ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  
  }
#belliart_wrapper_top_links{position: relative;}
#belliart_wrapper_top_links a{margin-left: 15px;}
.fifteen{width: auto; height: 64px; position: absolute; top: 24px; left: -29px; z-index: 999;}
.seventeen{width: auto; height: 64px; position: absolute; bottom: 24px; right: -27px; z-index: 999;}
.password{font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; white-space: nowrap; width: 100%; text-align: right; margin-top: 10px;}

#extra_logos{margin-top: 53px; margin-bottom: 65px; display: flex; flex-direction: column-reverse;}
#extra_logos hr{margin-top: 35px; margin-bottom: 25px; padding: 0; width: 100%;}
#extra_logos img{width: auto; height: 36px;}



@media(min-width: 300px)
{

}

@media (min-width: 375px) {



}
@media (min-width: 414px) {


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

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

  .cta .cta_text{margin-right: 10px;}
  .cta{padding: 17px 15px; display: inline-flex; align-items: baseline;}
  .cta .cta_text{display: inline-block;}
  .quote_desktop{display: inline-block; max-width: 486px; height: auto;}
  .quote_mobile{display: none;}
  .logo{width: 197px; height: auto;}

  .password{padding-right: 15px; margin-top: 0;}
  .fifteen, .seventeen{height: 133px;}
  .seventeen{right: -57px; bottom: 80px;}
  .fifteen{left: -57px; top: 80px;}

  #belliart_wrapper_top{align-items: center; justify-content: space-between; position: relative; width: 100%;}
  #belliart_wrapper_bottom{flex-direction: column; align-items: center;}
#extra_logos{display: flex; gap: 75px; flex-direction: row; justify-content: center; width: 100%; margin-top: 36px;}
#extra_logos img{max-height: 29px; width: auto;}



#belliart_wrapper_top_links a{margin-left: 0;}
  
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #belliart_wrapper{max-width: 615px; padding-left: 0; padding-right: 0;}
  #belliart_wrapper_mid{max-height: 800px;}
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) { 
    #belliart_wrapper{max-width: 1168px;}
    #belliart_wrapper_mid .overlay{width: 50%; height: 100%; right: 0;}
    #belliart_wrapper_bottom{flex-direction: row;}
    #extra_logos{margin: 0; justify-content: flex-end;}
  }

  @media (min-width: 1920px)
  {



  }