@media screen and (max-width:920px){
	header .content-gallery {
		flex-basis:12em;
		width:auto;
	}

}

@media screen and (max-width:767px){
	header .content-gallery, #right {
		display:none;
	}
	.logo {
	align-content: center;
	}
	
	
	.logo a{
	display:block;
	}
	body{
		padding-top:2em;
	}
	
	#main {
		flex-basis:100%;
		padding-left: 2em;
    padding-right: 2em;
	}
	
	.mobile_menu {
  padding: 2em 4vw 0 4vw;
  box-sizing: border-box;
}
	
	.mobile_menu .menu {
  margin-right: 20%;
  height:auto;
  min-height: none;
  
}

.mobile_menu .inner {
  background: #fefefe;
  overflow-y: auto;
}
	
	.mod_mobile_menu {
  display: block;
  flex-basis: 3em;
  /*display:none;*/
}
	
 .mmtrigger	{
  text-align: center;
  padding-top:0.5em;
}
.mmheader {
    margin:4em auto 2em;
    
}	
.mmtrigger span, .mmtrigger.active:focus span{	
	width: 1.65em;
    height: 3px;
    display: block;
    margin-bottom: 3px;
    background-color: #999;
    transition:transform 1s ease-in-out;
 }
 
.active .mmtrigger span:first-child {
    transition: transform 0.5s ease-in-out 0s;
    transform: translate(0px, 7px) rotate(45deg);
  }
  
.active .mmtrigger span:nth-child(2) {
    display: none;
  }
  
.active .mmtrigger span:nth-child(3) {
    transition: transform 1s ease-in-out 0s;
    transform: translate(0px, 1px) rotate(-45deg);
  }

  
.mmtrigger span.text {
    display: block;
    font-size: .5em;
    line-height: 1;
    color: #999;
    text-transform: uppercase;
    background-color: transparent;
    height:auto;
    margin-bottom:0;
    width:3.2em;
    text-align: center;
  }
.mmtrigger.active .text {
  margin-top: 15px;
} 
}

@media screen and (max-width:480px){
    body {
        padding-top:1em;
    }
    
    .mmheader,header .inside {
  padding: 0 15px;
  box-sizing:border-box;
    }
    
    	.mobile_menu {
  padding: 1em 3vw 0 3vw;
    	}
    
    #wrapper {
        width:95%;
    }
    
    .logo {
     flex-basis: calc(100% - 2.3em);
     width: 100%;
    text-size-adjust:none;
    }
    
    #main {
        font-size:0.90em;
    }
    
    p {
	text-align:left;
    }
}

@media screen and (max-width:380px){
    #main {padding-left: 1em;
    padding-right: 1em;
}
    
}