@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Days+One");#about .contact-details .address a,#resume .content a,.myBlueLinks,footer .copyright a,footer .scrollup a,header .banner-text h3 a{display:inline-block;text-decoration:none;color:#36afc3;transition:0.3s color ease-in-out}#about .contact-details .address a:hover,#resume .content a:hover,.myBlueLinks:hover,footer .copyright a:hover,footer .scrollup a:hover,header .banner-text h3 a:hover{color:#7acdda}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#A7F4F6;color:#555}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:inherit}html{font-size:17px;-webkit-font-smoothing:antialiased;box-sizing:border-box}body{background-color:#0f0f0f;font-family:"opensans-regular",sans-serif;font-weight:normal;width:100%;overflow-x:hidden;opacity:0;transition:opacity 2.7s ease-in-out;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:#313131;font-family:"opensans-bold",sans-serif;font-weight:normal}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:38px;line-height:42px;margin-bottom:12px;letter-spacing:-1px}h2{font-size:28px;line-height:36px;margin-bottom:6px}h3{font-size:22px;line-height:30px;margin-bottom:12px}h4{font-size:20px;line-height:30px;margin-bottom:6px}h5{font-size:18px;line-height:30px}h6{font-size:14px;line-height:30px}p{margin:0 0 30px 0}p img{margin:0}p.lead{font:19px/36px "opensans-light",sans-serif;margin-bottom:18px}em{font:15px/30px "opensans-italic",sans-serif}b,strong{font:15px/30px "opensans-bold",sans-serif}small{font-size:11px;line-height:inherit}blockquote{margin:30px 0px;padding-left:40px;position:relative}blockquote:before{content:"“";opacity:0.45;font-size:80px;line-height:0px;margin:0;font-family:arial,sans-serif;position:absolute;top:30px;left:0}blockquote p{font-family:"librebaskerville-italic",serif;padding:0;font-size:18px;line-height:36px}blockquote cite{display:block;font-size:12px;font-style:normal;line-height:18px}blockquote cite:before{content:"— "}blockquote cite a,blockquote cite a:visited{color:#8B9798;border:none}.pull-quote{position:relative;padding:18px 30px 18px 0px}.pull-quote:after,.pull-quote:before{height:1em;opacity:0.45;position:absolute;font-size:80px;font-family:Arial,Sans-Serif}.pull-quote:before{content:"“";top:33px;left:0}.pull-quote:after{content:"”";bottom:-33px;right:0}.pull-quote blockquote{margin:0}.pull-quote blockquote:before{content:none}abbr{font-family:"opensans-bold",sans-serif;font-variant:small-caps;text-transform:lowercase;letter-spacing:0.5px;color:gray}abbr:hover{cursor:help}.drop-cap:first-letter{float:left;margin:0;padding:14px 6px 0 0;font-size:84px;font-family:"opensans-bold",sans-serif;line-height:60px;text-indent:0;background:transparent;color:inherit}hr{border:solid #E3E3E3;border-width:1px 0 0;clear:both;margin:11px 0 30px;height:0}@font-face{font-family:"comfortaa";src:url("fonts/comfortaa/Comfortaa-Regular.ttf") format("truetype"),url("fonts/comfortaa/Comfortaa-Light.ttf") format("truetype"),url("fonts/comfortaa/Comfortaa-Bold.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-regular";src:url("fonts/opensans/OpenSans-Regular-webfont.eot");src:url("fonts/opensans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Regular-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-Regular-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-italic";src:url("fonts/opensans/OpenSans-Italic-webfont.eot");src:url("fonts/opensans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Italic-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-Italic-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-light";src:url("fonts/opensans/OpenSans-Light-webfont.eot");src:url("fonts/opensans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Light-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-Light-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-light-italic";src:url("fonts/opensans/OpenSans-LightItalic-webfont.eot");src:url("fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-LightItalic-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-LightItalic-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-semibold";src:url("fonts/opensans/OpenSans-Semibold-webfont.eot");src:url("fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Semibold-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-Semibold-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-semibold-italic";src:url("fonts/opensans/OpenSans-SemiboldItalic-webfont.eot");src:url("fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-SemiboldItalic-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-bold";src:url("fonts/opensans/OpenSans-Bold-webfont.eot");src:url("fonts/opensans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-Bold-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-Bold-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-bold-italic";src:url("fonts/opensans/OpenSans-BoldItalic-webfont.eot");src:url("fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-BoldItalic-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-BoldItalic-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-extrabold";src:url("fonts/opensans/OpenSans-ExtraBold-webfont.eot");src:url("fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-ExtraBold-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-ExtraBold-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"opensans-extrabold-italic";src:url("fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot");src:url("fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/opensans/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"),url("fonts/opensans/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"),url("fonts/opensans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"librebaskerville-bold";src:url("fonts/librebaskerville/librebaskerville-bold-webfont.eot");src:url("fonts/librebaskerville/librebaskerville-bold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/librebaskerville/librebaskerville-bold-webfont.woff") format("woff"),url("fonts/librebaskerville/librebaskerville-bold-webfont.ttf") format("truetype"),url("fonts/librebaskerville/librebaskerville-bold-webfont.svg#libre_baskervillebold") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"librebaskerville-italic";src:url("fonts/librebaskerville/librebaskerville-italic-webfont.eot");src:url("fonts/librebaskerville/librebaskerville-italic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/librebaskerville/librebaskerville-italic-webfont.woff") format("woff"),url("fonts/librebaskerville/librebaskerville-italic-webfont.ttf") format("truetype"),url("fonts/librebaskerville/librebaskerville-italic-webfont.svg#libre_baskervilleitalic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"librebaskerville-regular";src:url("fonts/librebaskerville/librebaskerville-regular-webfont.eot");src:url("fonts/librebaskerville/librebaskerville-regular-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/librebaskerville/librebaskerville-regular-webfont.woff") format("woff"),url("fonts/librebaskerville/librebaskerville-regular-webfont.ttf") format("truetype"),url("fonts/librebaskerville/librebaskerville-regular-webfont.svg#libre_baskervilleregular") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"opensans-semibold";src:url("fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg")}@font-face{font-family:"opensans-bold";src:url("fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold") format("svg")}}header{position:relative;min-height:400px;width:100%;background-size:cover!important;-webkit-background-size:cover!important;text-align:center;overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}header .banner{display:inline-block;vertical-align:middle;margin:0 auto;width:91%;padding:20px 0;text-align:center;background-color:rgba(0,0,0,0.85);border-radius:10px}header .banner-text{width:100%}header .banner-text h1{font:75px/1.2em "opensans-bold",sans-serif;color:#fff;letter-spacing:-2px;margin:0 auto 18px auto;text-shadow:0px 1px 3px rgba(0,0,0,0.8)}header .banner-text h3{font:18px/1.9em "librebaskerville-regular",serif;color:#929292;margin:0 auto;width:70%}header .banner-text h3.navigate{margin-top:12px}header .banner-text h3 span{color:#d2d2d2}header .banner-text hr{width:60%;margin:18px auto 24px auto;border-color:#2F2D2E}header .social{margin:24px 0;padding:0;font-size:30px;text-shadow:0px 1px 2px rgba(0,0,0,0.8)}header .social li{display:inline-block;margin:0 15px;padding:0}header .social li a{color:#fff;transition:color 0.3s ease-in-out}header .social li a:hover{color:#36afc3}header .scrolldown a{position:absolute;bottom:30px;left:50%;margin-left:-29px;opacity:0.9;color:#fff;display:block;font-size:54px;color:#fff;transition:all 0.3s ease-in-out}header .scrolldown a:hover{color:#36afc3}#nav-wrap a,#nav-wrap li,#nav-wrap ul{margin:0;padding:0;border:none;outline:none}#nav-wrap{font:14px "opensans-bold",sans-serif;width:100%;text-transform:uppercase;letter-spacing:2.5px;margin:0 auto;z-index:100;position:fixed;left:0;top:0}.opaque{background-color:#333;opacity:0.92}#nav-wrap>a.mobile-btn{display:none}ul#nav{min-height:48px;width:auto;text-align:center}ul#nav li{position:relative;list-style:none;height:48px;display:inline-block}ul#nav li a{display:inline-block;padding:8px 13px;line-height:32px;text-decoration:none;text-align:left;color:#fff;transition:color 0.3s ease-in-out}ul#nav li a:active{background-color:transparent!important}ul#nav li a:hover{color:#36afc3;background-color:transparent!important}ul#nav li.current a{color:#ff9801}#about{width:100%;background-color:#0f0f0f;padding-top:76px;padding-bottom:66px;overflow:hidden}#about .main-col{width:85%;margin:auto}#about .main-col .about-me p{padding-right:10%;font:1.1rem/1.8rem "comfortaa",sans-serif;color:#929292;margin:0}#about .main-col .about-me p span{color:#ebebeb}#about .main-col .about-me h2{font:1.3rem/1.8rem "opensans-bold",sans-serif;color:#fff;margin-bottom:12px}#about .profile-pic{position:relative;width:160px;height:160px;border-radius:100%}#about .contact-details{margin:20px 0 0 0}#about .contact-details .download a{font-family:"opensans-bold",sans-serif;display:inline-block;padding:14px;border-radius:3px;background-color:#333;color:white;transition:all 0.6s ease;text-decoration:none}#about .contact-details .download a:hover{background-color:white;color:#333}#resume{background-color:#f7f7f2;padding-bottom:72px;padding-top:76px;overflow:hidden}#resume .content{width:85%;margin:auto}#resume .content a{font-size:1rem}#resume h3{font:25px/30px "opensans-bold",sans-serif}#resume h1{font:18px/24px "opensans-bold",sans-serif;text-transform:uppercase;letter-spacing:1px}#resume h1 span{border-bottom:3px solid #36afc3;padding-bottom:6px}#resume .item{margin-bottom:20px}#resume .item p{text-align:justify}#resume .main-col{padding:0 8% 0 8%}#resume .parallax-window{min-height:300px;background:transparent}#resume .header-col{text-align:center;padding-top:9px;margin-bottom:51px}#resume .info{font:16px/24px "librebaskerville-italic",serif;color:#6E7881;margin-bottom:18px;margin-top:9px}#resume .info span{margin-right:5px;margin-left:5px}#resume .date{font:15px/24px "opensans-regular",sans-serif;margin-top:6px}#mySkills ul{text-align:center}#mySkills .bars{width:95%;float:left;text-align:left;background-color:rgba(0,0,0,0.75);padding:2rem 3rem;border-radius:20px 3px 3px 20px;margin:10px auto}#mySkills .bars .skills{margin-top:36px;list-style:none}#mySkills .bars li{position:relative;margin-bottom:45px;background-color:rgba(0,0,0,0.085);border-radius:3px}#mySkills .bars li:first-child{transform:rotate(0.6deg)}#mySkills .bars li:nth-child(2){transform:rotate(1.1deg)}#mySkills .bars li:nth-child(3){transform:rotate(0.5deg)}#mySkills .bars li:nth-child(4){transform:rotate(-1deg)}#mySkills .bars li:nth-child(5){transform:rotate(-0.3deg)}#mySkills .bars li:nth-child(6){transform:rotate(0.8deg)}#mySkills .bars li:nth-child(7){transform:rotate(2deg)}#mySkills .bars li:nth-child(8){transform:rotate(-0.8deg)}#mySkills .bars li:nth-child(9){transform:rotate(-0.1deg)}#mySkills .bars li:nth-child(10){transform:rotate(1.1deg)}#mySkills .bars li:nth-child(11){transform:rotate(0.2deg)}#mySkills .bars li:nth-child(12){transform:rotate(-2.1deg)}#mySkills .bars li em{font:15px "monospace",sans-serif;color:white;letter-spacing:2.5px;font-weight:normal;position:relative;top:-31px}#mySkills .bar-expand{position:absolute;left:0;top:0;margin:0;padding-right:24px;background-color:rgba(54,175,195,0.8);display:inline-block;height:22px;line-height:22px;border-radius:8px 8px 8px 8px}#mySkills .Angular{width:97%;animation:Angular 7s ease}#mySkills .NodeJS{width:99%;animation:NodeJS 7s ease}#mySkills .JavaScript{width:99%;animation:JavaScript 6s ease}#mySkills .Sass{width:95%;animation:Sass 5s ease}#mySkills .jQuery{width:90%;animation:jQuery 6s ease}#mySkills .MongoDB{width:93%;animation:MongoDB 8s ease}#mySkills .HTML_CSS{width:97%;animation:HTML_CSS 2s ease}#mySkills .Git{width:94%;animation:Git 4s ease}#mySkills .Gulp{width:93%;animation:Gulp 9s ease}#mySkills .PHP{width:98%;animation:PHP 7s ease}#mySkills .Scrum{width:99%;animation:Scrum 2s ease}#mySkills .Jasmine{width:94%;animation:Jasmine 6s ease}@keyframes Angular{0%{width:0%}25%{width:1%}50%{width:96%}to{width:97%}}@keyframes NodeJS{0%{width:0%}25%{width:1%}50%{width:96%}to{width:99%}}@keyframes JavaScript{0%{width:0%}25%{width:1%}50%{width:96%}to{width:99%}}@keyframes Sass{0%{width:0%}25%{width:1%}50%{width:96%}to{width:95%}}@keyframes jQuery{0%{width:0%}25%{width:1%}50%{width:96%}to{width:90%}}@keyframes MongoDB{0%{width:0%}25%{width:1%}50%{width:96%}to{width:93%}}@keyframes HTML_CSS{0%{width:0%}25%{width:1%}50%{width:96%}to{width:97%}}@keyframes Git{0%{width:0%}25%{width:1%}50%{width:96%}to{width:94%}}@keyframes Gulp{0%{width:0%}25%{width:1%}50%{width:96%}to{width:93%}}@keyframes PHP{0%{width:0%}25%{width:1%}50%{width:96%}to{width:98%}}@keyframes Scrum{0%{width:0%}25%{width:1%}50%{width:96%}to{width:99%}}@keyframes Jasmine{0%{width:0%}25%{width:1%}50%{width:96%}to{width:94%}}#portfolio{width:100%;min-height:400px;padding-top:90px;padding-bottom:60px;color:#929292;font-family:"comfortaa",sans-serif}#portfolio p{margin:0;margin-bottom:11px}#portfolio h1{font:16px/24px "opensans-semibold",sans-serif;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:48px;color:#929292}#portfolio .myContainer{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}#portfolio .myContainer .item{position:relative;width:320px;height:385px;padding:15px;background-color:black;border-radius:7px;margin-right:15px;margin-bottom:15px;transition:all 0.2s ease}#portfolio .myContainer .item:hover{transform:scale(1.005);background-color:black;color:#d2d2d2;cursor:pointer}#portfolio .myContainer .item .title h2{font-family:"Days One",sans-serif;font-size:1.4rem!important;text-align:center;color:#929292;text-shadow:0.5px 0.5px 1px white;border-bottom:1px solid silver;margin-bottom:10px}#portfolio .myContainer .item .title p{text-align:center;font-size:0.9rem;color:#d2d2d2}#portfolio .myContainer .item .technologies{font-variant:small-caps;font-size:0.8rem}#portfolio .myContainer .item .demo{margin:12px auto;font-size:0.8rem;text-align:center}#portfolio .myContainer .item .demo hr{margin:8px auto}#portfolio .myContainer .item .demo div{margin-top:7px;text-indent:25px;text-align:left}#portfolio .myContainer .item .demo div p{margin:0}#portfolio .myContainer .item .demo div p.note{text-align:center;font-size:0.6rem;margin-top:5px}#portfolio .myContainer .item .demo div i{color:#36afc3}#portfolio .myContainer .item a{position:absolute;bottom:10px;left:110px;text-decoration:none;color:#36afc3}#portfolio .myContainer .item.app-offline{pointer-events:none;opacity:0.35}#portfolio .myContainer .item.app-offline .demo *,#portfolio .myContainer .item.app-offline a,#portfolio .myContainer .item.app-offline i{color:grey}#contact{background-color:#191919;color:#636363;padding:96px 12% 52px 12%}#contact .section-head{text-align:center;width:95px;margin:auto;margin-bottom:42px}#contact .section-head h1{font:18px/24px "opensans-bold",sans-serif;text-transform:uppercase;letter-spacing:3px;color:#EBEEEE}#contact .section-head .touchIcon:before{height:40px;font-family:"FontAwesome";content:"";font-size:72px;color:#ebeeee}#contact form{margin-bottom:30px;padding:0 10%}#contact form .row{margin-bottom:30px}#contact label{font:15px/24px "opensans-bold",sans-serif;margin-top:6px;color:#EBEEEE}#contact input,#contact textarea{padding:18px 20px;color:#d6d2d2;background:#373233;border:0;outline:none;font-size:17px;line-height:24px;width:100%;resize:none;transition:background-color 0.6s ease}#contact input:hover,#contact textarea:hover{background-color:rgba(54,175,195,0.2)}#contact input:focus,#contact textarea:focus{color:#fff;background-color:#36afc3}#contact form button{font-family:"opensans-bold",sans-serif;display:inline-block;padding:14px;border-radius:3px;background-color:#333;color:white;transition:all 0.6s ease;border:none;outline:none}#contact form button i{color:#36afc3}#contact form button:active,#contact form button:hover{background-color:white;color:#333}#contact span.required{color:#36afc3;font-size:17px}#contact .touchIcon.spin{animation:spin 2.5s linear}@keyframes spin{to{transform:rotate(360deg)}}footer{background-color:#0f0f0f;padding-top:48px;margin-bottom:48px;color:#303030;font-size:14px;text-align:center;position:relative}footer a,footer a:visited{color:#525252}footer a:focus,footer a:hover{color:#fff}footer .copyright{margin:0;padding:0}footer .copyright li{display:inline-block;margin:0;padding:0;line-height:24px}footer .ie .copyright li{display:inline}footer .copyright li:before{content:"•";padding-left:10px;padding-right:10px;color:#095153}footer .copyright li:first-child:before{display:none}footer .social-links{margin:18px 0 30px 0;padding:0;font-size:30px}footer .social-links li{display:inline-block;margin:0;padding:0;margin-left:42px}footer .social-links li:first-child{margin-left:0}footer .scrollup a{position:absolute;top:-24px;left:50%;margin-left:-30px;opacity:0.7;color:#fff;display:block;font-size:54px;color:#fff;transition:all 0.3s ease-in-out}#idioms{position:relative;z-index:100}#idioms button{padding:2px 5px;line-height:10px;background-color:white;border:1px solid #333}#idioms .selected{position:fixed;top:5px;right:8px;opacity:0.75;z-index:10}#idioms .choose{position:fixed;top:5px;right:-75px;opacity:0;z-index:5;display:none}#alertMessage{border-radius:10px;min-height:80px;width:390px;position:fixed;bottom:70px;right:-390px;opacity:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;z-index:999}#alertMessage .content{padding:0 5px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}#alertMessage .content.left{width:60px;font-size:2em;border-top-left-radius:5px;border-bottom-left-radius:5px}#alertMessage .content.right{width:inherit;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:5px}#alertMessage .content.right p{font-size:18px;font-family:monospace;margin:0;text-align:center}#alertMessage.errorAlert .content.left{background-color:#a4150a;color:#f23f31}#alertMessage.errorAlert .content.right{color:#a4150a;background-color:#f23f31}#alertMessage.okAlert .content.left{background-color:#226e7b;color:#47b9cc}#alertMessage.okAlert .content.right{color:#226e7b;background-color:#47b9cc}#alertMessage.warningAlert .content.left{background-color:#aa8104;color:#fac72a}#alertMessage.warningAlert .content.right{color:#aa8104;background-color:#fac72a}#alertMessage.infoAlert .content.left{background-color:#0f3e84;color:#2270e6}#alertMessage.infoAlert .content.right{color:#0f3e84;background-color:#2270e6}@media only screen and (max-width:1024px){header .banner-text h1{letter-spacing:-1px;margin:0 auto 12px auto}}@media only screen and (max-width:991px){header .banner{padding-bottom:12px}header .banner-text h1{letter-spacing:-1px}header .banner-text h3{font:17px/1.9em "librebaskerville-regular",serif;width:80%}header .banner-text hr{width:65%;margin:12px auto}#nav-wrap{letter-spacing:1.5px}#about .main-col .about-me p{padding-right:0}#about .download{margin-top:30px}#resume h1{font:16px/24px "opensans-bold",sans-serif}#resume .main-col{padding-right:5%}#resume .header-col.mySkills{top:22px}#testimonials .header-col h1:before{font-size:66px;line-height:66px}#testimonials blockquote p{font-size:22px;line-height:46px}#call-to-action .header-col h1:before{font-size:66px;line-height:66px}#contact .section-head{margin-bottom:30px}#contact .header-col h1:before{font-size:66px;line-height:66px}#contact .section-head p.lead{font:17px/33px opensans-light,sans-serif}}@media only screen and (max-width:830px){#nav-wrap{font:12px "opensans-bold",sans-serif;background:transparent!important;letter-spacing:1.5px;width:auto;position:fixed;top:0;right:0}#nav-wrap>a{width:40px;height:40px;text-align:left;background-color:#ff9801;border:none;text-shadow:none;color:transparent;position:fixed;top:5px;left:7px;transition:background-color 8s ease}#nav-wrap>a:after,#nav-wrap>a:before{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:""}#nav-wrap>a:after{top:60%}#nav-wrap>a.mobile-btn{display:block}#nav-wrap ul#nav{height:auto;display:block;opacity:0.95;border-radius:15px;clear:both;width:169px;position:fixed;top:49px;left:-240px;padding:12px;background-color:#1f2024;transition:left 0.4s ease-out}#nav-wrap ul#nav.open{left:10px}#nav-wrap ul#nav li a{text-align:right}ul#nav li{display:block;height:auto;margin:0 auto;padding:0 4%;text-align:left;border-bottom:1px solid #3b3c40}ul#nav li a{display:block;margin:0;padding:0;margin:12px 0;line-height:16px;border:none}header .banner-text h1{font-size:38px!important}header .banner{padding-bottom:12px;padding-top:6px}header .banner-text h3{font:16px/1.9em "librebaskerville-regular",serif;width:85%}header .banner-text hr{width:80%;margin:18px auto}header .social{margin:18px 0 24px 0;font-size:24px;line-height:36px}header .social li{margin:0 10px}#resume .header-col{padding-top:0;margin-bottom:48px;text-align:center}#resume h1{letter-spacing:3px}#resume .main-col{padding-right:30px}#resume .info,#resume h3{text-align:center}.bars{width:100%}#call-to-action{text-align:center}#call-to-action h1{font:16px/24px "opensans-bold",sans-serif;text-align:center;margin-bottom:30px;text-shadow:0px 1px 3px black}#call-to-action h1 span{display:block}#call-to-action .header-col h1:before{content:none}#call-to-action p{font-size:15px}#portfolio-wrapper .columns{margin-bottom:40px}.popup-modal{max-width:85%}#testimonials .text-container{text-align:center}#testimonials h1{font:16px/24px "opensans-bold",sans-serif;text-align:center;margin-bottom:30px;text-shadow:0px 1px 3px black}#testimonials h1 span{display:block}#testimonials .header-col h1:before{content:none}#testimonials blockquote{padding-bottom:24px}#testimonials blockquote p{font-size:20px;line-height:42px}.flex-control-nav{text-align:center;margin-left:-30px}#contact form{padding:0 3%}#contact{padding-bottom:66px}#contact .section-head{margin-bottom:12px}#contact .section-head h1{font:16px/24px "opensans-bold",sans-serif;text-align:center;margin-bottom:30px;text-shadow:0px 1px 3px black}#contact h1 span{display:block}#contact .header-col{padding-top:0}#contact .section-head p.lead{text-align:center}#contact label{float:none;width:100%}#contact input,#contact select,#contact textarea{margin-bottom:6px;width:100%}#contact button.submit{margin:30px 0 24px 0}#message-success,#message-warning{width:100%;margin-left:0}footer .copyright li:before{content:none}footer .copyright li{margin-right:12px}footer .social-links{font-size:22px}footer .social-links li{margin-left:18px}#portfolio .flexslider{width:65%}}@media only screen and (max-width:480px){#nav-wrap ul#nav{width:auto;float:none}header .banner{padding-top:24px}header .banner-text h1{font-size:32px!important;margin:0 auto 24px auto}header .banner-text h3{font:14px/1.9em "librebaskerville-regular",sans-serif;width:90%}#about .main-col .about-me{margin-top:20px}#about .main-col .about-me p:first-of-type{text-align:justify}header .social{font-size:20px}header .social li{margin:0 6px}#contact{padding:96px 5% 52px 5%}#contact form{padding:0}footer .social-links{font-size:20px}footer .social-links li{margin-left:14px}#alertMessage{width:280px}#portfolio .flexslider{width:88%}#portfolio .flexslider .title p{font-style:oblique;nt-size:19px;padding:0 10px}}@media only screen and (max-width:410px){header .banner-text h1{font-size:24px!important}header .banner{margin-top:50px}header p.scrolldown{position:relative;top:70px}}#myImg{width:100%;max-width:260px;border-radius:5px;cursor:pointer;transition:0.3s;display:block;margin:10px auto}#myImg:hover{opacity:0.85}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:48px;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.9)}.modal-content{margin:auto;display:block;width:80%;max-width:700px}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}#caption,.modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100%}}