*, *::after, *::before {
	box-sizing: border-box;
}

[class^='grid-col-'] {
	float: left;
	padding: 0; 
	margin-top: -0.5em;
}

.grid-col-1of4 {
	width: 100%;
}

.grid-row::after {
	content: "";
	display: block;
	clear: both;
}

@media (min-width: 48.75em) {
	.grid-col-1of4 {
		width: 25%;
	}

	.grid-col-1of6 {
		width: 15%;
	}
	
	.grid-col-1of3{
		width: 33.3%;
	}
	.grid-col-1of2{
		width:50%;
	}
	.grid-col-12of12{
		width:100%;
	}

	.grid-col-7of12{
		width:100%;
	}


}

*, *::after, *::before {
	box-sizing: border-box;
}

[class^='grid-col-'] {
	float: left;
}

.grid-row{
	display:block;
	margin: 0 auto;
	width: 100%;
    height:auto;

}


.grid-row:after {
	content:"";
	display:table;
	clear:both;
	
}
	

/*computer full screen */
@media only screen and (min-width: 640px) {

	.grid-col-head-text {
		top: 40%;
		
	}

	.grid-col-1of2-about{
		width:42%;
		padding: 5% 2% 5% 10%;
	}

	.grid-col-1of2-about-text{
		width: 48%;
		padding: 5rem 3rem;
		margin-top: 2%;

	}

	.grid-col-head-text h1 {
		font-size: 40px;
	}

	.grid-col-1of12 {
		width: 6.5%;
	}

	.grid-col-2of12{
		width: 13%;
	}

	.grid-col-1of6 {
		width: 15%;
	}

	.grid-col-1of6-full {
		width: 48%;
		padding-left: 25%;
		margin-right:2%;
		padding-top: 1%;
		margin-bottom: 2%;
	}

	.grid-col-1of4{
		width: 25%;
		height: 30%;
	}

	.grid-col-1of3{
		width: 33.3%;
	}

	.grid-col-5of12{
		width:40.5%;
	}

	.grid-col-1of2{
		width:48%;
	}

	.grid-col-7of12{
		width:100%;
	}

	.grid-col-2of3{
		width:66%;
	}

	.grid-col-3of4{
		width:74%;
	}

	.grid-col-5of6{
		width:74%;
	}

	.grid-col-11of12{
		width:92%
	}

	.grid-col-12of12{
		width:100%; 
		margin: 0;
	}

	.grid-row-even-hight{
		display:-webkit-flex;
		margin: 2% auto 0 auto;
		width: 100%;
    	height:auto;
	}
	
	.figure4{
  		margin-left:13rem;
  		margin-top: 7rem;
	}

/*	.footer-textform{
  	padding-left: 5%;
	}*/

}

/*phone*/

@media only screen and (max-width: 640px) {

	.grid-col-head-text {
		top: 10%;
	}
	.grid-col-head-text h1 {
		font-size: 100%;
	}

	.grid-col-1of2-about{
		width:100%;
		margin: 10% 0%;
		padding: 5% ;
	}

	.grid-col-1of2-about-text{
		width: 90%;
		margin: 4%;
	}


	.grid-col-1of12 {
		width: 100%;
	}

	.grid-col-1of6 {
		width: 15%;
	}

	.grid-col-1of6-full {
		width: 100%;
	}

	.grid-col-1of4{
		width: 100%;
	}

	.grid-col-1of3{
		width: 100%;
	}

	.grid-col-5of12{
		width:100%;
	}

	.grid-col-1of2{
		width:100%;
	}

	.grid-col-7of12{
		width:100%;
	}

	.grid-col-2of3{
		width:100%;
	}

	.grid-col-3of4{
		width:100%;
	}

	.grid-col-5of6{
		width:100%;
	}

	.grid-col-11of12{
		width: 100%
	}

	.grid-col-12of12{
		padding-top: 2%;
		width:100%;
	}

	.grid-row-even-hight{
		display:block;
		margin: 2% auto 0 auto;
		width: 100%;
    	height:auto;
    }

    .figure4{
  		margin-left: 0%;
  		margin-top: 0%;
	}

/*	.footer-textform{
  	padding-left: 2%;
	}*/
}