h3 {
        font-size:18px;

	 }
a  {
   text-decoration: none;
   transition: all 400ms;	
}


.footer_contents {
	color:white;
	margin:20px;
	display:block;
	background-color:teal;
	padding-top:5px;
	padding-bottom:30px;
	box-shadow:10px 10px 10px grey;
	border-radius:15px;
	bottom:0;
	
}

.footer_contents,
.footer_contents a {
	font-size: 14px;
	color:white;
	letter-spacing: .55px;
	line-height:15px;
	
}

.tile-row {
   width:calc(100% - 94);
   display:flex;
   padding-left:48px;
   padding-right:48px;
   justify-content: center;
   flex-wrap:wrap;  
}


.tile-01{
  background:teal;	
  position:relative;
  flex: 1;
  max-width:360px;
  height:260px;
  margin:10px;
  
}	



.tile-04{
  background:teal;	
  position:relative;
  flex: 1;
  max-width:1200px;
  height:180px;
  margin:10px;
  
  
}

.footer-social {
     width:100%;
	 display:flex;
	 flex-direction:column;
	 justify-content:center;
	}
	
.footer_contents a:hover, 
.footer_contents a:active,
.footer_contents a:focus{
	color:blue;
	text-decoration:underline;
	
}




@media (max-width:768px) {
    .footer_contents {
	color:white;
	margin:20px;
	display:block;
	background-color:teal;
	padding-top:5px;
	padding-bottom:30px;
	box-shadow:10px 10px 10px grey;
	border-radius:15px;
	bottom:0;
	height:1200px;
	
}

.footer_contents,
.footer_contents a {
	font-size: 14px;
	color:white;
	letter-spacing: .55px;
	line-height:15px;
	
}
    
	
	
	 h3 {
        font-size:22px;

	 }	
	 
	 .tile-row {
   width:calc(100% - 94);
   display:flex;
   padding-left:48px;
   padding-right:48px;
   justify-content: center;
   flex-wrap:wrap;
   height:auto;
   }

     .tile-01{
        flex:100%;
		max-width:600px;
		font-size:12px;
		text-align:center;
		height:200px;
		background:teal;
		

	   }	   
	.tile-04{
        flex:100%;
		max-width:600px;
		height:300px;
		text-align:center;
        
	   }
	 
	 .footer-social {
	  height:auto;
	 }
	 
	 .footer-social {
     width:100%;
	 display:flex;
	 flex-direction:row;
	 justify-content:center;
     }	
	 
 .footer-social  a{
     color:white;
	}
	.footer_contents a:hover, 
    .footer_contents a:active,
    .footer_contents a:focus{
	color:blue;
	text-decoration:underline;
}

@media only screen and (max-width: 600px) {
    .tile-01{
        flex:100%;
		max-width:600px;
		font-size:12px;
		text-align:center;
		height:auto;
		background:teal;
		

	   }
    
    .footer_contents {
        height:1400px;
    }
    .tile-row {
       height:900px; 
    }
}