@import url('https://fonts.googleapis.com/css?family=Roboto');
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


/* -------------------------------------------------------------------------------------------
	ITEM DEMO Style -  SHOULD REQUIRE to add while implementing on your web page.
---------------------------------------------------------------------------------------------- */

video
{
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

/* -------------------------------------------------------------------------------------------
	PAGE LAYOUT PURPOSE ONLY - NOT REQUIRE TO ADD
---------------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------------
	Container & Responsive Style - May REQUIRE TO ADD if you need responsive layout
---------------------------------------------------------------------------------------------- *

/* Container*/
.codecontainer {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
  text-align:center;
}

/* Columns */
.column{ float:left;}
.colum_full{ width:100%;}
.colum_6{ width:60%;}
.colum_5{ width:50%;}
.colum_4{ width:40%;}
.colum_3{ width:30%;}
.colum_2{ width:20%;}
.colum_1{ width:10%;}
.column_half{
	float: left;
    margin: 0 2%;
    width: 46%;
}

@media (min-width: 768px) {
  .codecontainer {
    width: 750px;
  }

}
@media (min-width: 992px) {
  .codecontainer {
    width: 970px;
  }
  
}
@media (min-width: 1200px) {
  .codecontainer {
    width: 1170px;
  }
}

@media only screen and (min-width:240px) and (max-width: 768px){
	section{
		padding:0 15px;	
	}
	.cctop {
	
	text-align: center;
	}
	.cctop a{
		display:block;	
	}
	.cctop span.right {
	float: none;
	}
	.cctop span.right a {
	float: none;
	
	}
}