.txt-grey {
  color: #828282;
}
.bg-grey {
  background: #828282;
  background-color: #828282 !important;
}
.bg-white-menu {
  background: white;
  background-color: white;
  box-shadow: 1px 1px 9px rgba(218, 218, 218, 0.55);
}
@media (max-width: 991px) and (orientation: portrait) {
  .bg-white-menu {
    background: #283c90 !important;
    background-color: #283c90 !important;
  }
}
.txt-green {
  color: #6cc24a;
}
.bg-green {
  background: #6cc24a;
  background-color: #6cc24a !important;
}
.txt-cian {
  color: #4fb0ff;
}
.bg-cian {
  background: #4fb0ff;
  background-color: #4fb0ff !important;
}
.txt-blue {
  color: #283c90;
}
.bg-blue {
  background: #283c90;
  background-color: #283c90 !important;
}
.txt-pink {
  color: #ea088d;
}
.bg-pink {
  background: #ea088d;
  background-color: #ea088d !important;
}
.txt-orange {
  color: #ff9d00;
}
.bg-orange {
  background: #ff9d00;
  background-color: #ff9d00 !important;
}
.txt-black {
  background: #000000;
  background-color: #000000 !important;
}
.bg-black {
  background: #000000;
  background-color: #000000 !important;
}
.txt-white {
  color: #ffffff;
}
.bg-white {
  background: #ffffff;
  background-color: #ffffff !important;
}
.one-columns {
  width: 100%;
}
button:focus,
button:active,
input:focus {
  outline: none !important;
}
.two-columns {
  width: 50%;
  float: left;
  padding: 2vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .two-columns {
    width: 100%;
  }
}
.three-columns {
  width: 30%;
  float: left;
  padding: 2vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .three-columns {
    width: 100%;
  }
}
.four-columns {
  width: 25%;
  float: left;
  padding: 2vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .four-columns {
    width: 100%;
  }
}
.button {
  width: 15vw;
  height: 6vh;
  border-radius: 1vw;
  border: none;
  font-weight: bold;
  margin-top: 2vh;
}
.button.button-primary-modal {
  display: block;
  margin: 0 auto;
}
.title-content {
  font-size: 2.5vw;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 768px) {
  .title-content {
    font-size: 8vw;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .title-content {
    font-size: 4vw;
  }
}
.paragraph {
  text-align: justify;
  margin-bottom: 2vw;
}
@media (max-width: 991px) {
  .paragraph {
    margin-bottom: 5vw;
  }
}
.subtitle {
  font-weight: bold;
  font-size: 1.5vw;
  width: 100%;
  float: left;
}
@media (max-width: 768px) {
  .subtitle {
    font-size: 6vw;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .subtitle {
    font-size: 3vw;
  }
}
.noPadd {
  padding: 0;
}
.row-default {
  float: left;
  width: 100%;
}
#help .title-content {
  font-size: 16px;
}
#help p {
  font-size: 13px;
}
.colegio-content-header {
  width: 100px;
  height: 100px;
  margin: 2vw auto;
  background: rgba(243, 243, 243, 0.75);
  border-radius: 100px;
  border: 3px solid #cecaca;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.colegio-content-header:after,
.colegio-content-header:before {
  height: 2px;
  width: calc(50% - 150px);
  background: #cecaca;
  position: absolute;
  content: " ";
}
.colegio-content-header:after {
  left: 50%;
  margin-left: 50px;
}
.colegio-content-header:before {
  right: 50%;
  margin-right: 50px;
}
.colegio-content-header .logoColegio-header {
  width: 80%;
}
.menu {
  position: fixed;
  width: 100%;
  height: 4vw;
  font-size: 2.5vw;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
  flex-direction: row;
  top: 0;
}
.menu .fa-bars {
  margin: 0 2vw;
  cursor: pointer;
}
@media (max-width: 991px) and (orientation: portrait) {
  .menu .fa-bars {
    color: white;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  .menu .fa-bars.home {
    color: #4fb0ff;
  }
}
.menu .user {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1vw;
  font-size: 0.8vw;
  height: 100%;
}
.menu .user p {
  margin: 0 1vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .menu .user p {
    color: white;
    font-size: 3vw;
  }
}
.menu .user img {
  height: 80%;
  width: auto;
}
@media (max-width: 991px) and (orientation: portrait) {
  .menu .user img {
    height: 10vw;
    width: auto;
  }
}
.menu .sign {
  background: #6cc24a;
  width: 4vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2vw;
  cursor: pointer;
}
@media (max-width: 991px) and (orientation: portrait) {
  .menu .sign {
    width: 12vw;
    height: 12vw;
    font-size: 6vw;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  .menu {
    height: 12vw;
    font-size: 8vw;
  }
}
.logo {
  width: 10vw;
  height: 10vw;
  margin: 0 auto;
}
@media (max-width: 991px) and (orientation: portrait) {
  .logo {
    width: 30vw;
    height: 30vw;
  }
}
.logo img {
  width: 100%;
}
.toggle-menu {
  display: block;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 25vw;
  height: 100%;
  padding-Top: 15vh;
  margin-left: -25vw;
  overflow:auto;
}
.toggle-menu i {
  color: #fff;
  margin-right: 1vw;
  width: 2vw;
  height: 2vw;
  border: 2px solid white;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .toggle-menu i {
    width: 8vw;
    height: 8vw;
    font-size: 4vw;
  }
}
.toggle-menu img {
  width: 7vw;
  margin: 3vw auto;
  display: block;
}
@media (max-width: 991px) and (orientation: portrait) {
  .toggle-menu img {
    width: 23vw;
    margin: 7vw auto;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  .toggle-menu {
    width: 75vw;
    margin-left: -75vw;
  }
}
.toggle-menu a {
  width: 100%;
  min-height: 6vh;
  padding-left: 3vw;
  font-size: 1.5vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  color: white;
  padding-right: 2vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .toggle-menu a {
    font-size: 5vw;
  }
}
.toggle-menu div {
  width: 100%;
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: black;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.modal-body p {
  /*font-size: 1.4vw;*/
  font-size: 16px;
  text-align: center;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.modal-body li{
	font-size:16px;
}

body {
  background: rgba(247, 247, 247, 0.21);
}
.align-left {
  text-align: left;
}
.informativa section.module.parallax {
  height: 80vh;
  background: url(../img/circle1.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.acordeon .panel-title > a,
.acordeon .panel-title > small,
.acordeon .panel-title > .small,
.acordeon .panel-title > small > a,
.acordeon .panel-title > .small > a {
  color: inherit;
  color: white;
}
.table.dinamic {
  margin: 2vw auto;
  width: calc(100% - 2vw);
}
.widget {
  width: 25%;
  height: 23vh;
  float: left;
  margin-top: 8vh;
  border-right: 5px solid #fff;
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
  font-size: 5vw;
}
.wrapperSchool .login {
  position: absolute;
  z-index: 2;
  width: 25vw;
  text-align: center;
  margin-left: 37.5vw;
  top: 50%;
  height: 60vh;
  margin-top: -30vh;
  background: #ffffff;
  box-sizing: border-box;
}
@media (max-width: 991px) and (orientation: portrait) {
  .wrapperSchool .login {
    width: 90vw;
    margin-left: 5vw;
  }
}
.wrapperSchool .login .colegio-content {
  text-align: center;
  width: 100%;
  float: left;
  background: #f1f1f1;
  margin: 0 0 1.5vw 0;
}
.wrapperSchool .login input,
.wrapperSchool .login buttom {
  width: 80%;
  margin: 0.5vw auto;
  height: 6vh;
  border-radius: 1vw;
  border: 1px solid #828282;
  padding-left: 1vw;
}
.wrapperSchool .login button {
  border: none;
  background: #6cc24a;
  color: white;
  width: 12vw;
  height: 6vh;
  border-radius: 1vw;
  margin: 2vw 0;
}
@media (max-width: 991px) and (orientation: portrait) {
  .wrapperSchool .login button {
    width: 80%;
  }
}
#wrapperSchool {
  position: relative;
  height: 100%;
}
#wrapperSchool div:not(.owl-controls) {
  height: 100%;
}
#wrapperSchool .owl-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#wrapperSchool div.owl--text {
  position: absolute;
  bottom: 4em;
  left: 2em;
  width: 20em;
  height: 8em;
  padding: 1em;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
#wrapperSchool .owl-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
#wrapperSchool .owl-controls .owl-buttons div {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  zoom: 1;
  margin: 0;
  width: 50px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  font-size: .9em;
  border-radius: 3px;
  color: #FFF;
  background: #000;
  opacity: .6;
  text-transform: capitalize;
}
#wrapperSchool .owl-controls .owl-buttons .owl-prev {
  left: 5px;
}
#wrapperSchool .owl-controls .owl-buttons .owl-next {
  right: 5px;
}
* {
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  margin: 0;
  font-family: futura, arial, sans-serif;
}
.table-tabs {
  width: 10vw;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media (max-width: 991px) and (orientation: portrait) {
  .table-tabs {
    width: 80vw;
    flex-direction: row;
  }
}
.table-tabs li {
  height: 10vw;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) and (orientation: portrait) {
  .table-tabs li {
    height: 15vw;
    width: 50%;
  }
}
.table-tabs li.active {
  opacity: 0.8;
}
.table-tabs li a {
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0 !important;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 1vw;
  height: 100%;
}
.content-paragraph {
  width: calc(100% - 12vw);
  padding: 2vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .content-paragraph {
    margin-top: 5vw;
  }
}
.clear {
  width: 100%;
  height: 1vh;
  float: left;
}
@media (max-width: 991px) and (orientation: portrait) {
  .clear {
    height: 5vw;
  }
}
.form-inline {
  width: 100%;
  margin: 0 auto 2vw;
  display: inline-block;
}
.form-inline .custom-field {
  width: 100%;
  border: none;
  margin-bottom: 1vw;
  border-radius: 1vw;
  border: 1px solid #c1c1c1;
  height: 6vh;
  padding-left: 1vw;
}
.form-inline .custom-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #828282;
}
.form-inline .custom-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #828282;
}
.form-inline .custom-field:-ms-input-placeholder {
  /* IE 10+ */
  color: #828282;
}
.form-inline .custom-field:-moz-placeholder {
  /* Firefox 18- */
  color: #828282;
}
.form-inline .custom-field:focus {
  outline: none;
}
.form-inline select {
  color: #828282 !important;
}
.form-inline .send {
  width: 10vw;
  border: none;
  border-radius: 3vw;
  float: right;
  height: 5vh;
}
@media (max-width: 991px) and (orientation: portrait) {
  .form-inline .send {
    width: 30vw;
  }
}
.banner {
  width: 100%;
  display: block;
  max-height: 25vh;
  overflow: hidden;
}
.banner img {
  width: 100%;
}
textarea {
  height: 16vh !important;
}
a:hover {
  text-decoration: none !important;
}
button:focus {
  outline: none;
}
* {
  font-size: 1.3vw;
  font-family: ;
  color: #828282;
}
@media (max-width: 991px) and (orientation: portrait) {
  * {
    font-size: 4vw;
  }
}
@media (max-width: 991px) and (orientation: landscape) {
  * {
    font-size: 1.6vw;
  }
}
.colegio-content {
  text-align: center;
  width: 100%;
  float: left;
}
.colegio-content .logoColegio {
  margin: 2vw;
}
.colegio-content.header {
  text-align: center;
  float: left;
  border-right: 1px solid #c1c1c1;
  margin-right: 1vw;
  padding-right: 1vw;
  font-size: 0.8vw;
}
.colegio-content.header .logoColegio-header {
  width: 30px;
}
@media (max-width: 768px) {
  .container {
    padding: 1vw 8vw;
  }
}
.selectToSchool {
  width: 60%;
  margin: 1vw 20%;
  height: 6vh;
  padding-left: 1vw;
  border-radius: 1vw;
}
.selectToSchool:focus {
  outline: none;
}
.name-section {
  width: calc(98%);
  text-align: center;
  color: white;
  font-size: 5vw;
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .name-section {
    display: flex;
  }
}
.module.content-default {
  margin-top: 4vw;
}
.module.parallax .information {
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.module.parallax .information .singleItem .owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  width: 8vw;
  height: 8vw;
  margin-top: -4vw;
  font-size: 9vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module.parallax .information .singleItem .owl-prev i {
  color: white;
}
.module.parallax .information .singleItem .owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  width: 8vw;
  height: 8vw;
  margin-top: -4vw;
  font-size: 9vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module.parallax .information .singleItem .owl-next i {
  color: white;
}
.module.parallax .information .singleItem .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.module.parallax .information .singleItem .item img {
  width: 17vw !important;
  margin: 1vw auto;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax .information .singleItem .item img {
    width: 60vw !important;
  }
}
.module.parallax .information .singleItem .item .single-txt {
  max-width: 36vw;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax .information .singleItem .item .single-txt {
    max-width: 90vw;
  }
}
.module.parallax .information .singleItem .item button {
  color: #ffffff;
  border: 0;
  width: 10vw;
  height: 6vh;
  border-radius: 1vw;
  margin: 2vw 0;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax .information .singleItem .item button {
    width: 40vw;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax-1 {
    background-position: center !important;
    background-size: cover !important;
  }
}
.module.parallax-1 .information {
  align-items: flex-start;
}
.module.parallax-1 .information .title-default {
  font-size: 4vw;
  text-align: left;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax-1 .information .title-default {
    font-size: 8vw;
  }
}
.module.parallax-1 .information .legend {
  width: 36vw;
  font-size: 1.7vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax-1 .information .legend {
    font-size: 5vw;
    width: 80vw;
  }
}
.module.parallax-1 .information .buttons {
  width: 36vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax-1 .information .buttons {
    width: 80vw;
  }
}
.module.parallax-1 .information .buttons button {
  width: 15vw;
  height: 6vh;
  border-radius: 1vw;
  border: none;
  font-weight: bold;
  margin-top: 2vh;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.parallax-1 .information .buttons button {
    width: 35vw;
  }
}
.module.parallax-1 .information .buttons button:focus,
.module.parallax-1 .information .buttons button:active {
  outline: none;
}
.module.parallax-1 .information .buttons button.left {
  background-color: #4fb0ff;
  color: #ffffff;
  margin-right: 2vw;
}
.module.parallax-1 .information .buttons button.right {
  border: 3px solid #ff9d00;
  color: #ff9d00;
  background-color: rgba(255, 255, 255, 0);
}
.module.content.limit {
  padding: 7vw  0;
  text-align: center;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.content.limit {
    padding: 15vw  0;
  }
}
.module.content.limit .multi-icon {
  margin-top: 2vw;
}
.module.content.limit .multi-icon .owl-dots {
  width: 100%;
  height: 10px;
  border-radius: 2vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4vh;
}
.module.content.limit .multi-icon .owl-dots .owl-dot {
  background: #283c90;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0 5px;
}
.module.content.limit .multi-icon .owl-dots .owl-dot.active {
  background: #6cc24a;
}
.module.content.limit .multi-icon .item {
  text-align: center;
}
.module.content.limit .multi-icon .item .circle {
  width: 12vw;
  border-radius: 9vw;
  overflow: hidden;
  height: 12vw;
  background-size: cover;
  background-position: center;
  margin: 1.4vw auto;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.content.limit .multi-icon .item .circle {
    width: 50vw;
    height: 50vw;
    border-radius: 25vw;
    margin: 2vh auto;
  }
}
.module.content.contact {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.content.contact {
    flex-direction: column;
  }
}
.module.content.contact .box-contact {
  width: 50%;
  min-height: 30vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.content.contact .box-contact {
    width: 100%;
  }
}
.module.content.contact .box-contact.map {
  height: 50vw;
}
.module.content.contact .box-contact.form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 10vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.content.contact .box-contact.form {
    padding-top: 10vw;
  }
}
.module.content.contact .box-contact.form input {
  width: 100%;
  height: 8vh;
  border: none;
  border-bottom: 1px solid grey;
  font-size: 1vw;
  float: left;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.content.contact .box-contact.form input {
    font-size: 4vw;
  }
}
.module.content.contact .box-contact.form input:focus {
  outline: none;
}
.module.content.contact .box-contact.form button {
  width: 10vw;
  float: right;
  height: 7vh;
  border: none;
  border-radius: 1vw;
  margin: 4vw 0;
}
@media (max-width: 991px) and (orientation: portrait) {
  .module.content.contact .box-contact.form button {
    width: 50vw;
    margin-bottom: 15vw;
  }
}
.module.content.contact .box-contact.form textarea {
  width: 100%;
  height: 15vh;
  border: none;
  resize: none;
  border-bottom: 1px solid grey;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  border-left: 1px solid #808080;
}
.module.content.contact .box-contact.form textarea:focus {
  outline: none;
}
.module.content.contact .box-contact #map {
  width: 100%;
  height: 100%;
  float: left;
}
.flex-box {
  display: flex;
  justify-content: center;
  /*align-items: center;*/
}
@media (max-width: 991px) and (orientation: portrait) {
  .flex-box {
    flex-direction: column;
  }
}
footer {
  background: #f7f7f7;
  float: left;
  width: 100%;
  padding: 8vw 0;
  position: relative;
}
footer .copy {
  position: absolute;
  height: 6vh;
  bottom: 0;
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
  background: #283c90;
  padding-left: 10vw;
}
footer .copy .container {
  font-size: .8vw;
  color: #fff;
}
@media (max-width: 991px) and (orientation: landscape) {
  footer .copy .container {
    font-size: 1.vw;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  footer .copy .container {
    padding-left: 0vw;
    font-size: 2.8vw;
    text-align: center;
  }
}
footer .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) and (orientation: portrait) {
  footer .flex-box {
    flex-direction: column;
  }
}
footer .flex-box .box-item {
  width: 33%;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) and (orientation: portrait) {
  footer .flex-box .box-item {
    width: 100%;
    text-align: center;
  }
}
footer .flex-box p {
  color: white;
  font-size: 1vw;
}
@media (max-width: 991px) and (orientation: landscape) {
  footer .flex-box p {
    font-size: 2vw;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  footer .flex-box p {
    font-size: 4vw;
  }
}
footer .flex-box .redes {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991px) and (orientation: portrait) {
  footer .flex-box .redes {
    flex-direction: row;
    margin: 5vh 0;
  }
}
footer .flex-box .redes div {
  width: 3vw;
  height: 3vw;
  border-radius: 2vw;
  border: 2px solid white;
  justify-content: center;
  display: flex;
  align-items: center;
  color: white;
  margin: 1vw;
}
@media (max-width: 991px) and (orientation: portrait) {
  footer .flex-box .redes div {
    width: 8vw;
    height: 8vw;
    border-radius: 8vw;
  }
}
footer .flex-box .redes div i {
  color: white;
}
footer .flex-box .logo {
  width: 12vw;
  position: relative;
  margin: 2vw auto;
  display: block;
  left: auto;
  top: 0;
  height: auto;
}
@media (max-width: 991px) and (orientation: portrait) {
  footer .flex-box .logo {
    width: 20vw;
    height: 20vw;
  }
}
footer .flex-box .logo img {
  width: 100%;
}
/*# sourceMappingURL=wuupa.min.css.map */