@charset "UTF-8";

footer {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   position: relative;
   width: 100%;
   background-color: #4ba3c7;
}

footer .footer {
   width: 80%;
   padding-top: 25px;
}

footer .nav {
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   justify-content: center;

   width: 100%;
}

footer .nav .uls {
   width: 80%;
   border-top: 2px solid #68B4D4;
   box-sizing: border-box;

   padding: 15px;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}

footer a {
   text-decoration: none;
   font-size: 19px;
}

footer a:hover { color: #eee;}

footer .links {
   position: relative;
   text-align: center;
}

footer .links h1 { text-align: left;font-size: 25px;}

footer .links a {
   text-align: center;
   display: inline-block;

   margin-top: 25px;
   text-transform: uppercase;
   border: 1px solid #fff;
   padding: 15px;
}

footer .links a:hover { border: 1px solid #e1e1e1;color: #e1e1e1;}

@media screen and (max-width:860px){
   footer .nav .uls ul.designer { display: none;}
}

@media screen and (max-width: 780px) {
   footer .links h1 { text-align: center;}
   footer .nav .uls ul li a { text-align: center;}
}

@media screen and (max-width: 500px) {
   footer .links { width: 90%;}
   footer .links h1 { font-size: 21px;}
}