.button{border-radius:100px}
.section{padding:8rem 0 7rem;text-align:center}
.section-heading,.section-description{margin-bottom:2rem}
.hero{padding-top:2rem}
.servers{position:relative}
.server{position:relative;max-width:65%;margin:1rem auto -12rem}
.server + .server{display:none}
.section.footer{padding:1rem;font-size:1.2rem;background:#333;color:#ddd}
.abouts{background-image:url(../images/servers-bg.jpg);background-size:cover;color:#fff;padding-bottom:5rem}
.about-multiplier{margin-bottom:.5rem}
.about-heading{margin-bottom:.3rem}
.about-description{opacity:.8;font-weight:300}
.logo{font-family:'Nunito',sans-serif;font-size:3rem}
.section.history{border-bottom:1px solid #ddd}
.contact{background-image:url(../images/servers2-bg.jpg);background-size:cover;color:#fff}
.contact .section-description{margin-bottom:4rem}
.contact{font-size:2rem}ul.history{list-style-type:none}
.contact a:link,.contact a:visited,.contact a:active{color:#e6e6e6;text-decoration:none}
.contact a:hover{color:#fff;text-decoration:underline}
.navbar{display:none}
@media (min-width:550px){
    .section{padding:12rem 0 11rem}
    .hero{padding-bottom:12rem;padding-top:2rem;text-align:left;height:165px}
    .section.customers,.section.history,.section.contact{padding:10rem 0}
    .server{position:relative;max-width:90%;margin:3rem auto -12rem}
    .hero-heading{font-size:2.4rem}
    .logo{font-size:3rem;margin-top:10rem}
    .navbar,.navbar-spacer{display:block;width:100%;height:4rem;z-index:99}
    .navbar-spacer{display:none}
    .navbar>.container{width:100%}
    .navbar-list{list-style:none;margin-bottom:0}
    .navbar-item{position:relative;float:right;margin-bottom:0}
    .navbar-link{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.2rem;margin-right:35px;text-decoration:none;line-height:6.5rem;color:#222}
    .navbar-link.active{color:#33C3F0}
}
@media (min-width:750px){
    .hero{height:190px}
    .hero-heading{font-size:2.6rem}
    .section{padding:14rem 0 15rem}
    .hero{padding:16rem 0 14rem;padding-top:2rem}
    .section-description{max-width:60%;margin-left:auto;margin-right:auto}
    .section.customers,.section.history,.section.contact{padding:10rem 0}
    .phone{top:-14rem;right:5rem;max-height:510px}
    .phone + .phone{top:-12rem;max-height:472px}
    .customers{padding:15rem 0 8rem}
    .logo{font-size:4rem;margin-top:13rem}
}
@media (min-width:1000px){
    .section{padding:20rem 0 19rem}
    .section.customers,.section.history,.section.contact{padding:10rem 0}
    .hero{padding:22rem 0;padding-top:2rem}
    .hero-heading{font-size:3rem}
    .phone{top:-16rem;max-height:615px}
    .phone + .phone{top:-14rem;max-height:570px}
    .logo{font-size:4rem;margin-top:14rem}
}