/* ===================================
    Cover
====================================== */

.cover{
  background: linear-gradient(180deg, #080E1F 0%, rgba(33, 43, 62, 0.6) 100%) ,url("../../assets/img/evcon-security/innovation-cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 450px;
  border-bottom-right-radius: 150px;
}

.cover h1{
  font-size: 34px;
  color: #fff;
  line-height: 120%;
  font-weight: 800;
  margin-bottom: 10px;
}

.bg-ev-back{
  background: linear-gradient(180deg, #DC7A32 0%, #FE9E5E 100%);
  padding-right: 20px;
  padding-bottom: 50px;
}

.logo-ev{
  position: absolute;
  bottom: 5px;
  right: 0px;
}

.logo-ev img{
  width: 110px;
}

.group{
  position: absolute;
  bottom: 15px;
  left: 0px;
  width: 100%;
}

/* ===================================
    General
====================================== */

.logo-group img{width: 220px;}

.bg-tecnologia{
  background: linear-gradient(270deg, #004691 0%, #0096C1 100%);
}

.content-logo{
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-logo img{
  width: 75%;
}





/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {

.content-logo img{
  width: 60%;
}


} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

/*Cover*/
.cover{
  border-bottom-right-radius: 250px;
}
.logo-ev img{
  width: 150px;
}


.content-logo img{
  width: 60%;
}


}
/* md  */ @media (min-width: 768px) {

/*Cover*/
.cover{
  border-bottom-right-radius: 400px;
}
.cover h1{font-size: 38px;}

.bg-ev-support{background: linear-gradient(180deg, #1F2547 0%, #106D9A 100%);
  padding-right: 50px;
  padding-bottom: 50px;
}

.logo-ev{
  position: absolute;
  bottom: 25px;
  right: 20px;
}

.logo-ev img{width: 200px;}


.content-logo img{
  width: 50%;
}


}


} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {


.content-logo img{
  width: 60%;
}

.cover h1{font-size: 48px;}


} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}
