
/* * { box-sizing: border-box; }


/* STRUCTURE */
.columnimg {
    padding-top:10px;
    width: 360px;
    height: auto;
    margin-top: 40px;
    text-align: center;
    position: relative;
    overflow:visible
}
.columnimg_gh {
    width: 90%;
    height: auto;
    text-align: right;
    position: relative;
    overflow:visible
}

.wrapper {
	padding: 5px;
	max-width: 1960px;
	width: 95%;
    margin-top: 150px;
	margin: 20px auto;
}

.columns {
	display: flex;
    text-align: center;
	flex-flow: row wrap;
    align-items: center;
	justify-content: center;
	margin: 0px 100px 100px; 50px;
}

.column {
	flex: 1;
	margin: 0px;
    text-align: center;
	padding: 0px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

footer {
	padding: 0 15px;
}
.wrapper_gh {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  grid-gap: 10px;
}

.box_gh {
  background-color: #fff;
  color: #000;
    padding-left: 130px;
    padding-right: 10%;
        padding-top:40px;

    text-align: left;    
}
.box_gh_image {
  background-color: #fff;
  color: #000;
    padding-top:40px;
    padding-left: 10%;
    padding-right:right;    
}



@media screen and (max-width: 980px) {
    .columnimg {
    width: 90%;
    margin-top: 0px;

}
.wrapper {
	
    margin-top: 50px;
}
    .columns {
	margin: 0px 10px  50px  10px;
}

	.columns .column {
		flex-basis: 50%;
		margin: 0 0 5px 0;
	}

.wrapper_gh {
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  grid-gap: 10px;
}

.box_gh {
  background-color: #fff;
  color: #000;
    padding-left: 5%;
    padding-right: 5%;
        padding-top:10px;

    text-align: left;    
}
.box_gh_image {
  background-color: #fff;
  color: #000;
    padding-top:10px;
    padding-left: 0;
    padding-right:0;   
}
}
