@media only screen and (max-width: 1000px) {
		section {
			flex-direction: column !important;
		}

		section text {
			width: 90% !important;
		}

		section img {
			width: 90% !important;
		}

		#plans {
			display: none !important;
		}
	}

	@media only screen and (min-width: 1000px) {
		section.even {
			flex-direction: row-reverse !important;
		}
	}

	body {
		font-family: 'Roboto', sans-serif;
		line-height: 1.5em;
		padding: 0px;
		margin: 0px;
	}

	section {
		padding: 10px;
		text-align: center;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
		border-top: 1px solid #ccc;
	}

	section.odd {
		background-color: white !important;
	}



	section .text {
		margin: 10px;
	}

	section img {
		width: 550px;
		border: 2px solid #ccc;
		padding: 2px;
		margin: 10px;
	}

	section.galary {
		flex-direction: row;
		flex-wrap: wrap;
		padding: 10px;
	}

	section .galary img {
		width: 20% !important;
		height: 90%;
	}

	p {
		font-family: "Open Sans", sans-serif;
	}

	#header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0px 20px;
		align-items: center;
	}

	#header a {
		color: orange;
		text-decoration: none;
		font-weight: bolder;
	}

	#about {
		background-color: #023e8a;
		color: white;
	}
	#simple{
		background-color:  #ecf8f8;
	}
	#about a {
		color: #caf0f8;
	}

	#about a.sign {
		color: orange;
	}


	#prototypes {
		/*background-color: #cbf3f0;*/
	}

	#code {
		background-color: #e5e5e5;
	}

	#unit-code {
		background-color: #e5e5e5;
	}

	#design {
		background-color: #caf0f8;
	}


	#config {
		background-color: #caf0f8;
	}

	#deployment {
		background-color: #f8f7ff;
	}

	#app {
		background-color: #cccccc;
	}

	#git {
		background-color: #ecf8f8;
	}

	#cleancode {
		background-color: #003049;
	}

	#plans {
		background-color: white;
	}

	h1,
	h2,
	h3,
	h4 {
		text-align: center;
	}

	a {
		color: #1acc8d;
		font-weight: bold;
	}

	footer {
		text-align: center;
		padding: 5px;
		border-top: 2px solid #ccc;
		;
	}

	.brand {
		color: #1acc8d;
	}


	#plans-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 900px;
	}

	.plans {
		display: flex;
		flex-direction: row;
		border-bottom: 1px solid #ccc;
	}

	.plan,
	.feature {
		background-color: #ccc;
		text-align: center;
		font-weight: bold;
		padding: 5px;

	}

	.plan {}

	.feature {
		min-width: 250px;
	}

	.cell,
	.plan,
	.feature-value {
		width: 150px;
		text-align: center;
	}

	.features-row {
		display: flex;
		flex-direction: row;
		border-bottom: 1px solid #ccc;
		padding: 2px;
	}

	.highlight {
		background-color: #83c5be;
	}

	#contact {
		background-color: #f5f5ff;;
	}
	#contact h1{
		width: 80%;
		margin:auto;
		max-width: 1000px;
		line-height: 2em;
		
	}