@charset "UTF-8";

@media (min-width: 769px) {
.four.columns {
		width: 33.3333%;
}

	.first{
	padding-right: 1%;}
.second{
	padding-left: 1%;}
	
	}
	
	@media (max-width:768px) {
		.four.columns{width: 33.3333%;}
	.seven.columns{width:58.33%;}
	
		.first{
			padding-right:0;}
		.four.columns {
			padding-left: 0;}
			.offset-by-one.column, .offset-by-one.columns{
		margin-left: 8.33%;}
	
	}
	@media (max-width: 750px) {
		.four.columns {
			padding-left:0%;}
		.top{
          display:flex;
          flex-flow: column;
        }
       
			 
	.one.column,		
	.two.columns,
	.four.columns,
	.five.columns,
	.six.columns,
	.seven.columns,
	.eight.columns,
	.ten.columns,
	.eleven.columns,
	
	.one-half.column,
	.one-fourth.column{
	
		width: 100%;
	
	}

	
	.one.column,
	.two.columns,
	.three.columns,
	.four.columns,
	.five.columns,
	.six.columns,
	.seven.columns,
	.eight.columns,
	.nine.columns,
	.ten.columns,
	.eleven.columns,
	.twelve.columns{
		margin-left: 0;
		margin-right:0;
	}
	.first{
	padding-right: 0%;}
.second{
	padding-left: 0%;}
	
		
	}
		
 @media (min-width: 631px) {
	 .direction{
		 display: flex;
	 }
	 	.home{
			float:left;
			text-align: left;
			width: 25%;}
		.move{
			float:right;
			text-align:right;
			width: 75%}
				
 }
	h3{
		font-family:"Abel", sans-serif;
		font-size: 16px;}
 		
@media (max-width: 600px) {
	.ipad img{
			width: 75%;
		}
		.iphone img{
			width: 50%;}
		.iphone{
			text-align: center;}
			
		.ipad{
			text-align:center;}
	
	.iphone{
		align-content: center;}
	.first{
	padding-right: 0%;}
.second{
	padding-left: 0%;}
	    
	    
      .description{
				text-align:center;}
				
				
				.description p{
					text-align:center;}
	 .direction{
		 font-size: 14px;}
		
	footer{
			text-align:center;}
	
 }
 #current a:hover{
	 text-decoration:none;
		color: black;}
.main{
	padding-top: 3%;}

.four {
	padding: 0;}