body {

font-family: 'Myriad Pro', Helvetica, sans-serif;	
}



footer {
	background-color : #f1f1f1;
	padding-top: 40px;  
	padding-bottom: 0px; 
	COLOR: #000;
}

footer a {
	COLOR: #FFF;
}
footer A:hover {
		COLOR: #FFF
}
.menu {
    font-size: 130%;  
    padding:  30px  40px  20px 40px; 
}
.menu  a {
	COLOR: #000;
}
.menu  A:hover {
		COLOR: #000
}

h4 {padding-bottom: 40px;  font-weight: 600;}
H3{padding-bottom: 0px; padding-top: 0px;  font-weight: 500;}
H1{padding-bottom: 30px; padding-top: 20px;  font-weight: 500;}


.text-dark  a {
	COLOR: #343a40;
}
.text-dark  A:hover {
		COLOR: #343a40
}
.text-red  a {
	COLOR: #b50d0f;
}
.text-red  A:hover {
		COLOR: #b50d0f
}
.bg-red {
 background-color : #b50d0f;
COLOR: #FFF;    
}

li.pro {
   list-style-type: none; position:  relative; 
    background-image: url(/images/li1.png) ;
    background-position: 2px -4px; background-repeat: no-repeat; 
  padding-left: 150px; padding-bottom: 70px;
    margin-bottom: 0px;
    line-height: 1.2;
     padding-top: 0px;
}


.btn-circle.btn-xl {
    width: 180px;
    height: 180px;
    padding: 10px 16px;
    border-radius: 160px;
    font-size: 84px;
    line-height: 1.33;
}

.btn-circle {
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    background-color: #000;
}

.btn-x2 {
  
  background-color: #fff;
    font-size: 30px;
    line-height: 1.33;
}

.no-gutters {
  margin-right: -15px;
  margin-left: -15px;

  > .col,
  > [class*="col-"] {
   margin-right: 0;
  margin-left: 0;
  }
}

.btn-warning {
        color: #212529;
    background-color: #feed55;
    border-color: #ffc107; 
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0.5rem 3rem;
    border-radius: 0.55rem;
    border: 0px solid transparent;
}

 .title-top{
        font-size: 2.8rem;
       
    }
.lr-nav {
    flex-wrap: wrap;
    justify-content: center;
}

.d-grid {
    display: grid!important;
}

@media (max-width: 1300px) {
    .title-top{
        font-size: 2.8rem;
    }

  } 


@media (max-width: 998px) {
    .title-top{
        font-size: 2.2rem;
       
    }
   .p-5 {
     padding: 6rem !important;   
    }   
}

@media (max-width: 320px) {
    .title-top{
        font-size: 6.0rem;
       
    }
   .p-5 {
     padding: 0px !important;   
    }   
}

 .bg-fon	{
background: url(/img/bg2.png)  right top   no-repeat;
}
  

@media (min-width: 576px) {
	 .bg-fon{
		background: url(/img/bg1.png)   right top  no-repeat;
	}
  
}