html,body{
			background-color:#e8e8e8;
			font-family: 'Roboto', sans-serif;
			
		}

		a{
			text-transform: none;
			text-decoration: none;
			color:#272425;
			font-family: 'Roboto', sans-serif;
		}

		p{
			margin-bottom:-10px;
			color:#272425;
			font-family: 'Roboto', sans-serif;
		}

		.social{
			text-align:left;
			padding-left:0;
		}

		.social li{
			display:inline;
			padding-right: 10px;
		}


		.wrapper{
			
		}

		.one {
		 	background-color:#e8e8e8; 
		 	/*border: 1px solid blue;*/
		}
		.two {
		 	background-color:#e8e8e8;
		 	/*border: 1px solid green;*/
		  }
			
		@media screen and (min-width: 1000px) {
			.wrapper{
				width:960px;
				height: 640px;;
				/*border:1px solid red;*/
				
  				position:absolute;
  				top:0;
				bottom: 0;
				left: 0;
				right: 0;
				
				margin: auto;
				margin-left:auto;

			}

			.one {
				width: 640px;
				height:640px;
				float: left;
				text-align:center;

				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				transform-style: preserve-3d;
				

			}

		
   			.two { 
   				width:240px;
   				margin-left: 720px; 
   				height: 640px;
   			}

   			.two:before {      /* create a full-height inline block pseudo-element */
			    content: ' ';
			    display: inline-block;
			    vertical-align: middle; /* vertical alignment of the inline element */
			    height: 100%;
			}

			.childbox {
			    display: inline-block;
			    vertical-align: middle;          /* vertical alignment of the inline element */
			    font: 15px/1 Arial, sans-serif;  /* reset the font property */
			    margin-left:-5px;
			    /*border: 2px solid black;*/
			}

   			

   			.helper {
			    display: inline-block;
			    height: 100%;
			    vertical-align: middle;
			}

			/*
			img {
			    
			    vertical-align: middle;
			    max-height:640px;
			    max-width: 640px;
			}
			*/

			
			#slider{
				position: relative;
  				top: 50%;
  				transform: translateY(-50%);
			}
			



		}

		@media screen and (max-width: 1000px) {
			.wrapper{
				width:100%;
				min-height: 300px;
				/*border:1px solid red;*/
				margin-top:50px;
				margin-bottom:50px;
				

			}

			.one {
				width: 96%;
				margin: 0 auto;
				margin-bottom:50px !important;
				text-align:center;

			}
   			.two { 
   				width:96%; 
   				margin: 0 auto;
   			}


   			img{
   				max-width: 100%; 
				display:inline-block; 
				height: auto;
   			}
   			
		}