/* Main sections */
	body > main section {
		border:1px solid #c6cbd1;
		margin:0 0 40px;
		background-color: #f7f9fa;
		border-radius: 10px 10px 20px 20px;
	}

	body > main section > div:first-of-type {
		background: linear-gradient(#FFFFFF, 10%, #dbe1e3);
		border-top: 1px solid #f7f9fa;
		border-bottom:1px solid #c6cbd1;
		height: 100px;
		padding:0 0 0 15px;
		border-radius: 10px 10px 0 0;
	}

	body > main section > div:first-of-type > H3 {
		height: 50px;
		line-height:50px;
		color:#68635d;
		font-size: 22px;
	}

	body > main section > div:first-of-type > div {
		display: flex;
		flex-direction: row;
		flex-wrap:wrap; 
		float: right;
		border-top:1px solid #c6cbd1;
	}

	body > main section > div:first-of-type > div > p.tab {
		height: 50px;
		line-height:50px;
		padding:0 10px;
		border-left:1px solid #c6cbd1;
		color:#68635d;
		font-weight: bold;
		cursor:pointer;
		font-size:13px;
		border-radius: 10px 0 0 0;
	}


	body > main section > div:first-of-type > div > p.active {
		background-color: #f7f9fa;
		height:52px;
	}


	body > main section > div:last-of-type {
		padding: 20px;
	}

	body > main section > div:last-of-type > div.inactive {
		display:none;
	}

	body > main section > div:last-of-type > div.active {
		display:block;
	}

	body > main section .container {
		display: flex;
		flex-direction: row;
		flex-wrap:wrap; 
		justify-content: space-between;
		width:100%;
	}

	body > main section .container.one > div {
		width:100%;
	}

	body > main section .container.two > div {
		width:100%;
	}

	body > main section .container.two > div:last-of-type {
		margin-top: 30px;
	}
	
	body > main section .container.two.dominRight > div {
		width:100%;
	}

	body > main section .container.three > div {
		width:100%;
	}

	body > main section .container > div:not(:last-of-type) {
		margin-bottom:20px;
	}

	body > main section h4 {
		margin-bottom:15px;
	}
	
	body > main section .description {
		margin-bottom:15px;
		display:block;
		font-style:italic;
		font-size:15px;
		opacity:0.9;
	}

	body > main section h5 {
		font-size:15px;
	}

	body > main section .instruction h4:not(:first-of-type),
	body > main section .instruction h5
	{
		margin:15px 0;
	}

	body > main section .instruction h5::before {
		content : '\00a0-\00a0';
	}
	
	body > main section .instruction u {
		display: inline-block;
		margin: 10px 0 0;
	}

	@media screen and (min-width: 415px) { 
		body > main section > div:first-of-type > div > p.tab {
			padding:0 15px;
		}
	}


	@media screen and (min-width: 768px) {

		body > main section {
			border:1px solid #c6cbd1;
			margin:0 0 40px;
		}

		body > main section > div:first-of-type {
			display: flex;
			flex-direction: row;
			flex-wrap:wrap; 
			justify-content: space-between;
			height: 50px;
		}
		body > main section > div:first-of-type > div {
			border-top:0;
		}

		body > main section .container.two > div {
			width:49%;
		}

		body > main section .container.two > div:last-of-type {
			margin-top: 0;
		}

		body > main section .container.two.dominRight > div:first-of-type {
			width:35%;
		}

		body > main section .container.two.dominRight > div:last-of-type {
			width:63%;
		}
	
		body > main section .container.three > div {
			width:32%;
		}

	}

	@media screen and (min-width: 1024px) {
		
		body > main section .container.three > div {
			width:100%;
		}
	}

	@media screen and (min-width: 1440px) {
		body > main section .container.two > div {
			width:49%;
		}
	
		body > main section .container.three > div {
			width:32%;
		}
	}