@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

@media (min-width: 280px) {  
  h1.example {font-size:30px} /*1rem = 16px*/
}
@media (min-width: 700px) {  
  h1.example {font-size:50px;} /*1rem = 16px*/
}
@media (min-width: 1200px) {  
  h1.example {font-size:50px;} /*1rem = 16px*/
}

@media (min-width: 280px) {  
  p.example {font-size:12px; font-weight: bold ; text-align: center;} /*1rem = 16px*/
}
@media (min-width: 320px) {  
  p.example {font-size:12px; font-weight: bold ; text-align: center;} /*1rem = 16px*/
}
@media (min-width: 700px) {  
  p.example {font-size:12px; font-weight: bold ; text-align: center;} /*1rem = 16px*/
}

@media (min-width: 280px) {  
  img.example {height: 50px;} /*1rem = 16px*/
}
@media (min-width: 700px) {  
  img.example {height: 70px;} /*1rem = 16px*/
}

@media (min-width: 280px) {  
  select.example {font-size:14px; vertical-align: middle; text-align: center;} /*1rem = 16px*/
}
@media (min-width: 320px) {  
  select.example {font-size:12px; vertical-align: middle; text-align: center;} /*1rem = 16px*/
}
@media (max-width: 500px) {  
  form.modal_mobile {width: 100%; height: 75%;} /*1rem = 16px*/
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.vertical{ 
  vertical-align: middle;
 }

.nav-link:hover{
   background-color: rgba(11, 114, 255, 0.5); /* Grey background color */
   border-radius: 15px;
}
.error{
    background-color: #E74F4F;
    position: absolute;
    top: 0;
    padding: 10px 0 ;
    border-radius:  0 0 5px 5px;
    color: #fff;
    width: 100%;
    text-align: center;
    display: none;
}
.button1 {
  display: inline-block;
  background-color: #0A5BCA;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 20px;
  transition: all 0.5s;
  cursor: pointer;
  width: 100%;
}
.button1:hover {
    background-color: #4CAF50;
    color: white;
}
.fondo1{
  background-image: url(../img/fondo1.jpg);
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  position: relative;
  background-position: center;
  background-size: cover;
  color: #045DA2;
  font-family: sans-serif;
  font-weight: 150;
}
.back{
  background: #FFFF;
  position: relative;
}

.fondoMM{
  background: rgba(224,224,224);
}
.fondo3{
  background-color: rgba(25, 95, 243, .8);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  font-family: sans-serif;
  font-weight: 50;
}

.carousel {
  max-width: auto;
  max-height: auto;
}
.footer{
  background-color: rgba(224,224,224);
  color: #0A5BCA;
  padding-top: 2rem;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}
.footer1{
  background-color: rgb(28, 44, 56);
  color: #FFFF;
  padding-top: 2rem;
  font-weight: bold;
  position: relative;
}
h1.light{
  border-top: 1px solid #d5d5d5;
  width: 75%;
  margin-top: .8rem;
  margin-bottom: 1rem;
}
footer a{
  color: #d5d5d5;
}
hr.light-100{
  border-top: 1px solid #d5d5d5;
  width: 100%;
  margin-top: .8rem;
  margin-bottom: 1rem;
}

/*---Media Queries --*/
@media (max-width: 992px) {

  }
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}


/*---Firefox Bug Fix --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fixed {
  background-image: url('img/mac.png');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}



/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/








