@font-face {
    font-family:'Montserrat';
    src:url('mnt-bld.woff2') format('woff2'),
        url('mnt-bld.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'Open Sans';
    src:url('opn-reg.woff2') format('woff2'),
    	url('opn-reg.woff') format('woff')
        ;
    font-weight:normal;
    font-style:normal;
}

:root {
  --white-color:                  #ffffff;
  --primary-color:                #13547a;
  --secondary-color:              #80d0c7;
  --section-bg-color:             #f0f8ff;
  --custom-btn-bg-color:          #80d0c7;
  --custom-btn-bg-hover-color:    #13547a;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #7fffd4;
  --link-hover-color:             #13547a;

  --body-font-family:             'Open Sans', sans-serif;
  --title-font-family:            'Montserrat', sans-serif;

  --h1-font-size:                 58px;
  --h2-font-size:                 46px;
  --h3-font-size:                 32px;
  --h4-font-size:                 28px;
  --h5-font-size:                 24px;
  --h6-font-size:                 22px;
  --p-font-size:                  20px;
  --menu-font-size:               14px;
  --btn-font-size:                18px;
  --copyright-font-size:          16px;

  --border-radius-large:          100px;
  --border-radius-medium:         20px;
  --border-radius-small:          10px;

  --font-weight-normal:           400;
  --font-weight-medium:           500;
  --font-weight-semibold:         600;
  --font-weight-bold:             700;
}

.navbar-brand .logo-cincopanes
{
	display: inline-block;
   width: 30px;
   height: 30px;
   background-image: url('../assets/img/logo-cp.png');
   background-size: cover;   
}

.text-justify
{
	text-align: justify;
	text-indent: 15px;
}

.text-center
{
	text-align: center;
}

.text-sizable {
        font-size: 22px;
    }

@media (min-width: 600px) {
    .text-sizable {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .text-sizable {
        font-size: 20px;
    }
}

.custom-lg-6{flex:0 0 auto;width:50%}

.custom-support
{
	background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
	border-radius: var(--border-radius-medium);
	padding: 30px;
	transition: all 0.3s ease;
  	height: 100%;
}

.custom-support:hover {
  background-color: var(--secondary-color);
  transform: translateY(-3px);
}