/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {font-family: sans-serif; /* 1 */-ms-text-size-adjust: 100%; /* 2 */-webkit-text-size-adjust: 100%; /* 2 */}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,div {display: block; box-sizing: border-box;}
audio,canvas,progress,video {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 75%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}
button {overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
input[type="number"]::-webkit-inner-spinbg-white-triangle -button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; }
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
* { box-sizing: border-box; }
nav ul { padding: 0; margin: 0; }
nav li { padding: 0; margin: 0; }
/*! END normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/** copyright Renita Mendonca 2017 **/

html { color: #444444; }
body { font-family: 'Cantarell',serif; wi}
h1 { text-transform: uppercase; font-weight: 800; }
a { color: #3F4C6B; }
a:hover { opacity: 0.9; }

.intro { 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,ffffff+75 */
background: rgb(63,76,107); /* Old browsers */
background: -moz-linear-gradient(top, rgba(63,76,107,1) 0%, rgba(255,255,255,1) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(255,255,255,1) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(63,76,107,1) 0%,rgba(255,255,255,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	width: 100%; height: 100%; padding: 5% 10% 10% 10%; box-sizing: border-box; text-align: center;}
.intro img { border-radius: 100%; border: 5px solid #ffffff; width: 100%; max-width: 200px;}

/** About **/
.about .pad { max-width: 1000px; margin: 0 auto; padding: 2em 1em; }
.about h2 { background: url(../images/icon-about.png) no-repeat; background-size: 40px; background-position: 10% 0; text-align: center; border-bottom: 2px solid #cccccc; padding: 0 0 1em; max-width: 250px; margin: 0 auto;}

.menu { padding: 2em; text-align: center; }
.menu a { color: #ffffff; font-weight: 800; padding: 1em; display: inline-block; text-decoration: none;  -webkit-transition: all 1s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease; text-transform: uppercase; }
.menu a:hover { opacity: 0.7; background: #3f4c6b; }

/** Resume **/
.resume  { border-top: 2px solid #cccccc; background: #f2f2f2;}
.resume .pad{ max-width: 1000px; margin: 0 auto; padding: 2em 1em;}
.resume h2 { background: url(../images/icon-resume.png) no-repeat; background-size: 40px; background-position: 15% 0; text-align: center; border-bottom: 2px solid #777777; padding: 0 0 1em; max-width: 250px; margin: 0 auto 2em; }
.resume .item { border-bottom: 3px dotted #ffffff; margin: 0 0 2em;padding: 0 0 1em; }
.resume .item:last-child { border-bottom: none; }
.resume .item h3, .resume .item h4 { margin: 0; }
.resume .item h4 { font-weight: 300;font-size: 0.9em; }

.btn-resume {      -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease; 

          border-radius: 2px; background: #3F4C6B url(../images/icon-download.png) no-repeat;background-size: 40px; background-position: left 8px; color: #ffffff; padding: 1em 1em 1em 2.25em; margin: 0 0 1em; display: inline-block; text-decoration: none; }
.btn-resume:hover { opacity: 0.7; }


/** Hamburger Menu Common Style **/
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  margin: 0 auto;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 44px;
  left: 18px;
  right: 18px;
  height: 8px;
  background: #EAE5F9;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #EAE5F9;
  content: "";
}

.c-hamburger span::before {
  top: -20px;
}

.c-hamburger span::after {
  bottom: -20px;
}


.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent; color: #EAE5F9;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}




/** Footer **/
footer { padding: 1em; }
footer p { font-size: 0.8rem; }
footer .copyright { float: left; }
footer .social-media { float: right; }
footer .social-media img { width: 75px; }
footer .social-media a { 
-moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
footer .social-media a:hover{ opacity: 0.7; }

/** Media Queries **/


 @media only screen and (min-width: 768px) {  
  
  .c-hamburger { display: none; }
  .menu .item { display: block !important; }

 }