@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
#header-container div.container-fluid{
    background-color: #B51F6A;
    height: 60pt;
}
.message-container{
    background: #B51F6A;
}
#img-zele{
    width: 65pt;
}
#description-zele h3{
    font-family: Raleway;
    font-size: 30px;
}
#description-zele h3 b{
    font-family: Raleway;
    font-size: 35px;
}
#description-zele p{
    font-family: Raleway;
    font-style: italic;
}
#description-zele hr{
    border: none;
    height: 1px;
    color: #b51f6a;
    background-color: #b51f6a;
    width: 20%;
    margin-left: 0px;
}
#apoyarte-section div.container-fluid{
    background-color: #ECEEEC;
}
.h2-sect{
    font-family: Raleway;
    font-weight: 1000;
    color: #b51f6a;
}
#p-sect-1{
    font-family: Raleway;
    font-style: italic;
    font-size: 15pt;
}
#achievements-container{
    background-color: #ffffff;
    background-size: cover;
    background-position-x: center;
    color:#00685a;
}
.o_portal_wrap .o_portal_my_doc_table td:has(a), .o_portal_wrap .o_portal_my_doc_table th:has(a) {
    color: black;
}
#where-i-begin-section h4{
    font-family: Raleway;
}
#where-i-begin-section p{
    font-family: Raleway;
    font-style: italic;
}
#where-i-begin-section div.card{
    border: none;
}
#where-i-begin-section img{
    width: 60% !important;
    margin-left: 20% !important;
}
#benefits-zele div.container-fluid{
    background-color: #ECEEEC;
}
#benefits-zele h4{
    font-family: Raleway;
}
#benefits-zele p{
    font-family: Raleway;
    font-style: italic;
}
#casos-exito p{
    font-family: Raleway;
    font-style: italic;
}
#casos-exito h4{
    font-family: Raleway;
}
#casos-exito img{
    width: 360px;
}
#footer-container div.container-fluid{
    background-color: #B51F6A;
    height: 60pt;
}
#img-zele-footer{
    width: 300px;
}
#apoyarte-section .right{
    width: 360px;
}
#description-zele, #woman-image{
    background-image: url('/w_website_zele/static/src/img/landing_atc/Mujer_Portada_Landing.png');
    background-size: contain;
    background-position-x: right;
    background-repeat: no-repeat;
}

.separator{
    /*justify-content: center !important;*/
}
.separatorx{
    justify-content: center !important;
}
.separator hr{
    border-top: 2px solid #B51F6A;
}

/* sección apoyarte */
#apoyarte-form{
    background-color: #ECEEEC;
}

#apoyarte-form img{
    width: 80%;
}

#youtube-player{
    border-color: #B51F6A;
    border-width: 5px;
}
#testimonio{
    border: none;
}
#testimonio h2{
    font-family: Raleway;
}
#info-section .card{
    border: none;
}
#info-section{
    font-family: Raleway;
}
#info-section .icon-rrss{
    width: 25px;
}
#info-section h1{
    font-size: 50px;
}
#p_pendent{
    font-size: 25px;
}
.rrss{

}
#fapoyarte{
    background-color: #B51F6A;
    outline-offset: -12px;
    border-radius: 15px;
    color: #ffffff;
    width: 100%;
}
#apoyarte-form div{
    text-align: center !important;
    margin-bottom: 0px;
}
/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    #description-zele{
        background-image: none;
    }
    #woman-image{
        background-position: top;
    }
    #apoyarte-form div{
        text-align: left !important;
        margin-bottom: 0px;
    }
    #apoyarte-form img{
    width: 45%;
    }
    #fapoyarte{
        width: 45%;
    }
}

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

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
    z-index:100;
}

.my-float{
	margin-top:15px;
}