



element.style{
    height: 50vh;
}
.card-body{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1 px;
    padding: 1.25rem;
}





@media (min-width:992px)
    .about-heading .about-heading-img{
        position: relative;
        z-index: 0;
}
@media (min-width:992px)
    .mb-lg-o, .my-lg-0{
        margin-bottom: 0!important;
}



.mb-3, .my-3{
    margin-bottom: 1rem!important;
}
.rounded{
    border-radius: .25rem!imporant;
}
.img-fluid, .img-thumbnail{
    max-width: 100%;
        height: auto;
}
img, svg{
    vertical-align: middle;
}
img{
    border-style: none;
}





@media (max-width:767px)
    .contact-clean {
        padding: 30px;
}
        
.contact-clean form{
    max-width: 580px;
    width: 90%;
    margin: 0 auto;
    background-color: #d5d5d5;
    padding: 40px;
    border-radius: 4px;
    color: #747474;
    box-shadow: 1px 1px 5px rgba (0, 0, 0, 0.1);
}









 .column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

 /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
} 
























.floating-label-form-group{
    border-top:1px solid #747474}footer{
                    
    padding:50px 0 65px}footer .list-

inline{margin:0;padding:0}footer .copyright{font-size:14px;
    margin-bottom:0;
    text-align:center}
.btn{font-size:14px;
    font-weight:800;
    padding:15px 25px;
    letter-spacing:px;
        text-transform:uppercase;
        border-radius:0;
        font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}.
btn-primary
{background-color:#8ec3af;
    border-color:#0085a1}.
btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    color:#fff;
    background-color:#00657b!
        important;
    
    border-color:#00657b!important}.btn-lg{font-size:16px;padding:25px 35px}


.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
}


element.style{
    background-image: url("img/renaresume.jpg");
    background-size: cover;
    height: 400px;
    background-position: center;
}
.row-image-text{
    background-color: #d5d5d5;
}
.clearpadding{
    padding: 0px;
}
.clearmargin{
    margin: 0px;
}
element.style{
    padding: 20px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}








