@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.wrap {
    width: 100%;
    margin: 0 auto;
}
.wrap>*{
    max-width: 1200px;
    margin: 0 auto;}


.wrap header {
    background-color: #fff;
    width:100%;
    
}

.inner {
    max-width: 1100px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around;
    align-items: center;
}

header h1 {
    background-color:#fff;
    color: rgb(17, 18, 19);
    font-weight: bold;
    font-size: 3rem;
}
header h1 img {
   
    vertical-align: bottom;
    width: 100px;
    margin-top: 50px;
}
header .inner li a{
    font-size: 1rem;
    padding: 5px;
 
}


header nav {
    width: 70%;
    background-color:#fff;
}

header nav ul {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
}
header nav ul li {
    width: 20%;
}
header nav ul a {
    text-decoration: none;
    color: black;
}

header .bridge {
    width: 100%;
    display: block;
}
main{
    line-height: 1.5;
}





main h3, p{
   
    line-height: 1.7;}


@keyframes business{
0%  {
    transform: rotate(10deg)}
100% {
    transform: rotate(-10deg)
}    
}
.fa-wifi{
    font-size: 5rem;
    color: black;
    animation-name: wifi;
    animation-duration: 1s }
@keyframes wifi{
0%{transfrom:scale(0.8);

}
100%{
    transform:scale(1.3)
}
}
.fa-calendar{
    font-size: 5rem;
    color: black;
    animation-name:calendar;
    transition: 2s;
}
@keyframes calendar{

0%{transform: rotate(-10deg)}

100%{transform: rotate( 10deg)}

}



.wrap footer {
    width: 100%;
    height: 15rem;
    color: rgb(243, 234, 234);
    font-size: 15px;
    text-align: left;
    background-color: rgb(34, 29, 25);
    padding: 30px;
    margin-top: 60px;
    line-height: 1.7;
}

@media screen and (max-width: 768px) {
    .inner {
        flex-direction: column;
        max-width: 420px;
        margin: 0 auto;
    }
    main aside {
        width: 30%;
        height: 20%; 
       
    }
    header nav ul {
        white-space: nowrap;
       
        margin-left: -54px;
    }
    header nav ul li {
        width: auto;

    }
    header nav ul li a {
        padding: 0 10px;
        display: block;
        font-size: 14px;
    }
    main .map > div:nth-child(1) {
        height: 170px;
        padding: 0;
    }
    .wrap footer {
        font-size: 14px;
        padding: 10px;
    }
    main {
        width: 90%;
        margin: 0 auto;
        line-height: 1.1;
    }
    main > p {
        font-size: 14px;

    }

    .map {width: 100%;}
    
    
}