/* SLIDER INTERIOR*/
#banner{
    margin-top: 90px;
    position: relative;
}
#banner img{
    width: 100%;
    height: 100%;
    
}

#banner h1 {
    
    background: #990027;
    color: #fff;
    font-weight: 200;
    font-size: 2.75em; 
    padding: 20px;
    text-align: center;
    min-width: 75%;
    z-index: 10;
  
}

/* SECTION INFO */

#info .container-int{
    text-align: center;
    padding: 30px 0px 20px 0px;
    text-align: center;
}
#info .container-int p{
    font-size: 1.125em;
    font-weight: 300;
    padding: 20px;
}
.photo{
    padding-top:  20px;
}

#desc .container-int{
    text-align: center;
    padding-bottom: 80px;
    width: 80%;
    margin: 0px auto;
    overflow: hidden;  
}
.photo2{
    float: left;
    margin-right: 0px;
    width: 48%;
}
.desc2{
    float: right;
    width: 48%;
    text-align: left;
}
.desc2 ul li{
    margin: 25px 0px;  
}

.how{
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.circle{
    margin: 10px 45px;
    height: 200px;
    background: #990027;
    border-radius: 100px;
    position: relative;
    width: 200px;
}
.circle2{
    margin: 10px 25px;
    height: 420px;
    background: #990027;
    border-radius: 10px;
    position: relative;
    width: 250px;
}
.tono2{
    background: #595a5d;
}
.tono3{
    background: #000;
}
.tono4{
    background: #999;
}
.circle div{
    font-size: 1.2em;
    color: #fff;
    margin: 0px auto;
    padding: 15px;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.circle2 div{
    font-size: 1em;
    color: #fff;
    margin: 0px auto;
    padding: 15px;
}
.circle div.vm{
    font-size: 1.625em;
    font-weight: 400;
    color: #fff;
    line-height: .875em;
}





/* SECTION FEATURES */

.divfeature{
    padding: 0px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.divfeature article{
    margin:18px;
    max-width: 280px;
    height: 550px;
    text-align: left;
    position: relative;
}
.divfeature img{
    width: 100%;
    border-top: solid #e8504f 5px;
}
.divfeature h3{
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    margin: 25px 0px; 
}
.divfeature p{
    font-size: 1em;
    font-weight: 300;
    text-align: center;
    padding-bottom: 25px;
}
.divfeature div{
    width: 100%;
    text-align: center;
    margin: 30px 0px;
}
.divfeature div a{
    font-size: .875em;
    color: #000;
    font-weight: 400;
}


/* SECTION FOOTER */
footer {
    clear: both;
    width: 100%;
    background: #000;
   
}
.foot{
    padding: 30px 0px;
    text-align: center;
    font-size: .875em;
    color: #fff;
    overflow: hidden;
   
}
.foot .legal{
    float: left;
}
.foot .legal a{
    margin: 0px 40px 0px 0px;
    color: #fff;
}
.foot .logoFoot {
    width: 120px;
    float: right;
  
}

/*Styles for screen 1200px*/
@media screen and (min-width: 1200px){
    .container-int {
        max-width: 1100px;
        margin: 0px auto;
    }
}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 640px) {

    #banner{
    margin-top: 65px;
}
    #banner h1 {
    font-weight: 200;
    font-size: 1.5em; 
    padding: 22px;
}
    #info .container-int p{
    font-size: 1em;
    font-weight: 400;
    padding: 20px;
}
    .photo2{
    float: none;
        margin-bottom: 20px;
    width: 100%;
}
    .desc2{
    float: none;
    width: 100%;
}
    .foot .legal a{
    margin: 0px 25px 0px 0px;
    color: #fff;
    }
}