*{box-sizing:border-box;font-family:Roboto,arial;margin:0;padding:0}body{position:relative}button{outline:none!important}h1{font-size:25px!important}h1,h4{font-weight:700!important;color:#566366!important}p{color:#919191;font-size:16px;line-height:1.667}#banner .heroImage{background:url(/images/banner_n.jpg) no-repeat bottom/cover;height:100vh;position:relative;text-align:center}#banner .heroImage h1{color:#fff!important;display:flex;font-size:7rem!important;margin:0 auto;padding-top:8%;position:relative;width:550px;z-index:1}@media(min-width:481px)and (max-width:767px){#banner .heroImage h1{font-size:6rem!important;flex-direction:column;padding-top:15%;width:550px}}@media(min-width:320px)and (max-width:480px){#banner .heroImage h1{font-size:5rem!important;flex-direction:column;margin:0 5px;padding-top:30%;width:100%}}#banner .heroImage h1 div{color:#2cab62;padding-left:10px}#banner .heroImage .overlay{background-color:rgba(0,0,0,.4);height:100%;left:0;position:absolute;top:0;width:100%}#navbar .navbar-inverse{background:#252e30;border:none;border-radius:0;margin-bottom:0}#navbar .navbar-inverse .navbar-nav a{color:#fff;font-weight:700}#navbar .navbar-inverse .navbar-nav a:hover{color:#2cab62}#navbar .navbar-inverse .navbar-brand{color:#fff;font-weight:700;padding:7px}#navbar .navbar-inverse .navbar-brand span{color:#2cab62}#navbar .navbar-inverse .navbar-brand img{display:inline-block;margin-right:10px}#navbar h1{padding:30px 0 20px}#navbar p{padding-bottom:40px}#navbar .affix{top:0;width:100%;z-index:9999!important}#about-me{background:#f2f2f1}@media(min-width:481px)and (max-width:767px){#about-me .row{margin-bottom:20px}}@media(min-width:320px)and (max-width:480px){#about-me .row{text-align:center;margin-bottom:20px}}#about-me .col-sm-5 img{width:100%;margin-left:-23%}@media(min-width:320px)and (max-width:1024px){#about-me .col-sm-5 img{margin-left:0}}#about-me h1{padding:40px 0 20px}#about-me .col-sm-2 img{padding-top:15px}#about-me .col-sm-7 .row{margin-top:20px}#about-me p{font-size:17px}#about-me .social-icon{margin:30px 0}#about-me .fa{padding:15px;font-size:20px!important;width:50px;height:50px;text-align:center;margin:5px 2px;border-radius:50%;background:#4b5456;color:#f2f2f1}#about-me .fa:hover{color:#2cab62;text-decoration:none}#skills .row{margin:50px 0}#skills h1{margin-bottom:30px;padding-left:15px}#skills button{background:transparent;border:2px solid #2ecc71;color:#2ecc71;margin-top:20px;border-radius:0}#skills button:hover{background:#2ecc71;color:#fff}#resume{background:#f2f2f1;position:relative;text-align:center}#resume .container{padding:60px 0}#resume h1{margin-bottom:30px}#resume button{background:transparent;border:2px solid #2ecc71;color:#2ecc71;margin:20px 0;border-radius:0}#resume button:hover{background:#2ecc71;color:#fff}#resume #myModal .close{background-color:inherit;color:#000;border:none}#resume #myModal h4{padding-top:20px}#resume #myModal img{margin:20px}#resume .box-rotate{background:#f2f2f1;height:40px;width:40px;transform:rotate(45deg);position:absolute;bottom:-20px;left:48.5%}#education .row{margin:50px 0}#education h1{margin-bottom:30px;padding-left:15px}#education h4{margin-top:20px}#education h5{color:#919191}#education button{padding:4px 10px;background:#2ecc71;color:#fff;border:none}#education .line{background-color:#ccc;height:1px;width:100%;margin:25px 0}#portfolio{background:#f2f2f1}#portfolio .container{text-align:center;padding:50px 0}#portfolio p{padding:20px 60px 0}#portfolio .col-sm-4{padding:15px;position:relative}#portfolio .row{margin:40px 0}#portfolio .filter1{background:#252e30;height:300px;width:100%;text-align:left;padding:50px}#portfolio .filter1 h4{margin:0;color:#fff!important}#portfolio ul{list-style-type:none;padding-top:30px}#portfolio ul li a{color:#868787;font-size:18px;font-style:normal;text-decoration:none}#portfolio ul li a:hover{color:#fff;cursor:pointer}#portfolio .col-sm-4 .img-hover{background:rgba(46,204,113,.7);width:94%;height:91%;top:15px;left:15px;position:absolute;display:none}@media(min-width:320px)and (max-width:1024px){#portfolio .col-sm-4 img{width:100%}}@media(min-width:481px)and (max-width:767px){#portfolio .col-sm-4 img{width:auto}}#portfolio .col-sm-4 i{font-size:40px!important;color:#fff;margin-top:25%}#portfolio .col-sm-4:hover .img-hover{display:block;cursor:pointer;color:#fff}@media(min-width:320px)and (max-width:1024px){#portfolio .col-sm-4:hover .img-hover{display:none}}#contact{background:#252e30}#contact .row{margin:50px 0}#contact form{margin:50px 0 0 50px}@media(min-width:320px)and (max-width:1024px){#contact form{margin:50px 0}}#contact label{display:block;color:#fff;margin-top:30px;font-weight:300}#contact h1{color:#fff!important;margin-bottom:30px}#contact pre{background:#252e30;color:#919191;border:none;font-size:16px;font-family:Roboto}#contact span{color:#fff;padding-right:20px}#contact input,#contact textarea{background:#4b5456;width:100%;border:none;padding:15px;color:#fff;outline:none}#contact textarea{height:150px}#contact input:nth-of-type(3){width:auto;margin-top:30px;background:#191f21;padding:10px 20px}#footer{background:#191f21}#footer .container{text-align:center;padding:20px 0 10px}