@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400&display=swap";*{margin:0;padding:0;border:0;font-size:100%;font-family:"Source Sans Pro",sans-serif;font-weight:300;vertical-align:baseline;text-decoration:none;list-style:none}body{background-image:url("../images/bolha-background.png");background-repeat:no-repeat;background-position:left center}.container{width:1024px;margin:30px auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row}header section{justify-content:space-between;align-items:center}header nav ul{display:flex;flex-direction:row;align-items:center}header nav ul li a{margin:0px 15px;color:#39c}.btn{padding:5px 30px;border-radius:20px}.btn.btn-laranja{background:#f63;color:#fff}.sobre-web-design{justify-content:space-between;align-items:center}.sobre-web-design article{width:250px}.sobre-web-design article h1{font-size:70px;line-height:90%;font-weight:400;color:#336}.sobre-web-design article h2,.sobre-web-design article p{color:#39c}.sobre-web-design article h2{font-size:30px;text-transform:uppercase;letter-spacing:2px;line-height:200%}.sobre-web-design article p{margin:10px 0 40px}.sobre-web-design article figcaption img{width:700px}footer ul li{margin:0 30px 0 0}footer ul li a img{width:30px}@media(max-width: 2000px){body{background-size:880px}}@media(max-width: 1700px){body{background-size:800px}}@media(max-width: 1550px){body{background-size:750px}}@media(max-width: 1440px){body{background-size:700px}}@media(max-width: 1330px){body{background-size:650px}}@media(max-width: 1220px){body{background-size:600px}}@media(max-width: 1100px){body{background-position-x:-100px}}@media(max-width: 1150px){.container{width:950px}}@media(max-width: 1024px){.container{width:850px}.sobre-web-design figcaption img{width:600px}}@media(max-width: 915px){body{background-position:left top;background-color:#b1f4ff}.container{width:600px}.row{flex-direction:column}header nav{margin:30px 0}.sobre-web-design article{width:100%}.sobre-web-design figcaption img{width:100%;margin:30px 0 0 0}footer .row{flex-direction:row;justify-content:center}}@media(max-width: 665px){.container{width:400px}}@media(max-width: 450px){.container{width:290px}header nav{background:#fff;width:100%;padding:10px 0 20px;box-shadow:0px 10px 30px rgba(0,0,0,.15)}header nav ul{flex-direction:column}header nav ul li{margin:10px 0}}/*# sourceMappingURL=style.min.css.map */