body {
  letter-spacing: 1px;
}

.wrapper {
  max-width: 100%;
  margin: 0 auto;
  background: linear-gradient(120deg, #ffffff 50%, #367aba 50%);
}

body {
  margin: 0;
  padding: 0;
}
select {
  box-sizing: border-box;
  resize: vertical;
	width: 100%;
	height: 40px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 2px;
	border: 2px solid #367aba;
	color: #2A2C2B;
	transition: all 0.3s linear;
	border-radius: 70px;
}
.column_center {
	display: flex;
    -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
    -ms-flex-order: 2;              /* TWEENER - IE 10 */
    -webkit-order: 2;               /* NEW - Chrome */
    order: 2;
}
.column-left {
		display: flex;
}
.column-right {
		display: flex;
}
.logo {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  padding-top: 24px;
  padding-left: 20px;
	padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
  height: 65px;
  width: 45%;
  text-align: center;	
  /*background-color: #ffffff;*/
}
.logo2 {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  padding-top: 24px;
  padding-left: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
  height: 65px;
  width: 45%;
  text-align: center;	
  /*background-color: #ffffff;*/
}
.logo span {
  font-weight: 400;
}

.menu-toggle {
  position: absolute;
  padding: 0.8em;
  top: 1em;
  right: .5em;
  cursor: pointer;
}

.hamburger,
.hamburger::before,
.hamburger::after {
  content: '';
  display: block;
  background: #ffffff;
  height: 3px;
  width: 2em;
  border-radius: 3px;
  -webkit-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms;
}

.hamburger::before {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}

.hamburger::after {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.open .hamburger {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
	background-color: #367aba;
}

.open .hamburger::before {
  display: none;
}

.open .hamburger::after {
  -webkit-transform: translateY(-1px) rotate(-90deg);
          transform: translateY(-1px) rotate(-90deg);
		  background: #367aba!important;
}

/*.site-nav--open {
  -webkit-clip-path: circle(150% at top right);
          clip-path: circle(150% at top right);
}
*/

textarea, select, input, button { 
    outline: none;
}
:focus { 
    outline-color: transparent; 
    outline-style: none;
}


nav {
    margin: 0;
    padding: 0;
    display: flex;
}

nav ul {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
	align-items: center;
}
nav ul.opening {
    display: block;
    height: 50%;
}

nav li {
  border-bottom: 1px solid #f2f2f2;
}
nav li:last-child {
  border-bottom: none;
}
nav a {
  color: #ffffff;
  font-weight: 300;
  display: block;
  padding: 1.5em 4em 1.5em 3em;
  text-transform: uppercase;
  text-decoration: none;
}

nav a:hover,
nav a:focus {
  background: #2A2C2B;
}

.site-nav--icon {
  font-size: 1.4em;
  margin-right: 1em;
  width: 1.1em;
  text-align: right;
  color: rgba(255,255,255,.4);
}
.headers{
  position:relative;
  overflow:hidden;
  display:flex;
  /*flex-wrap: wrap;*/
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  height:100vh;
  min-height:400px;
  max-height:550px;
  min-width:300px;
  color:#3579ba;
}
.headers:after{
  content:"";
  width:100%;
  height:498px;
  position:absolute;
  bottom:0;
  left:0;
  z-index:1;
}
.headers:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
.headers a{
  color:#3579ba;
}

.sides, .info{
  flex: 0 0 auto;
  width:50%
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
	
.wrapper {
  max-width: 100%;
  margin: 0 auto;
  background: linear-gradient(120deg, #ffffff 50%, #367aba 50%);
}	
	


  .menu-toggle {
    display: none;
  }



  nav ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  nav li {
     flex: 1 1 auto;
     border: none;
 }

   nav li a {
       padding: 1.1em 1.1em 1.1em 1.1em;
       margin: 0;
       border: none;
	   font-size: 12px!important;
    }
    nav a:hover,
    nav a:focus {
      background-color: rgba(255,255,255,.10);
    }



  .logo {
      flex: 0 0 200px;
      margin: 0;
      padding-left: 20px;
  }
  .logo2 {
      flex: 0 0 200px;
      margin: 0;
      padding-right: 40px;
	  padding-bottom: 20px;
  }	

    nav {
      display: flex;
      flex-direction: row;
      justify-content: space-between;

      text-align: center;
      /*background-color: #ffffff;*/
    }
  /* nav {
      flex: 1 1 0;
      -webkit-clip-path: none;
            clip-path: none;

      border: 3px solid purple;
  }
*/

  /*.site-nav a:hover,
  .site-nav a:focus {
    background: transparent;
  }
*/
  .site-nav--icon {
    display: none;
  }
	
	
/*--Dropdown--*/	
	
.site-nav ul, .site-nav ul ul, .site-nav ul ul ul{
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.site-nav ul li{
	display: inline-block;
	padding: 1px 1px;
}

.site-nav li.has-menu{
	position: relative;
}
.site-nav ul.sub-menu{
	display: none;
	z-index: 4;
	background-color: #3b4e5f;
	width: auto;
	padding-bottom: 1em;
}
.site-nav ul.sub-menu li a{
	width: 200px;
}
	.sub-menu li a{
		
		padding: 5px 20px;
		font-size: 13px;
		
	}

.site-nav li.has-menu:hover > ul.sub-menu{
	display: block;
	position: absolute;
}

.site-nav ul li, .navigation ul ul li{
	border-top: 4px solid transparent;
}

/*
	.site-nav ul li:hover, .site-nav ul ul li:hover{
	border-top: 4px solid #ffffff;
}
*/
.site-nav ul ul ul {
  left: 100%;
  top: 0;
}
}
@media (min-width: 320px) and (max-width: 767px){
.wrapper {
  max-width: 100%;
  margin: 0 auto;
  background: linear-gradient(120deg, #ffffff 50%, #367aba 50%);
}

	nav ul.opening {
    display: block;
    height: auto;
	background: #3B4E5F;	
}
	nav a:hover,
    nav a:focus {
      background-color: rgba(255,255,255,.10);
    }
.bg-image-wrap.bg-image-aduanamx-wrap.bg-image.bg-image-etica-wrap.bg-image-certified-wrap.bg-image-alianzas-wrap.bg-image-aduanamx-wrap {
	font-size: 38px;	
	}	
.logo img {
	  
	 height: 40px!important;
	 width: auto;
		
	}
.logo2 img {
	  
	 height: 40px!important;
	 width: auto;
		
	}		
		/*--Dropdown--*/	
	
.site-nav ul, .site-nav ul ul, .site-nav ul ul ul{
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

.site-nav ul li{
	
	padding: 15px 5px;
}

.site-nav li.has-menu{
	position: relative;
}

.site-nav ul.sub-menu{
	display: none;
	margin-top: 15px;
	z-index: 4;
	background-color: #3B4E5F;
}

}