/*Google fonts
===================*/
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic);
/*font-family: 'Josefin Slab', serif;*/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic);
/*font-family: 'Josefin Sans', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
/*font-family: 'Oswald', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
/*font-family: 'Raleway', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/*font-family: 'Lato', sans-serif;*/

/* #typography
================================================== */
h1 {font-family: 'Josefin Sans', sans-serif; font-size: 4em; font-weight: 300; padding: 0.58em 0 .2em 0; margin: 1.2% 0 0 0; text-transform: capitalize;}
h2 {font-family: 'Lato', sans-serif;f; font-size: 2em; font-weight: 100; text-transform: capitalize; margin: 0 0 1% 0;}
h3 {font-family: 'Oswald', sans-serif; font-size: 3em; text-transform: capitalize; margin: 20px 0;}
h4 {font-family: 'Raleway', sans-serif; font-size: 1.5em; font-weight: 800; padding: 0.58em 0 .2em 0; margin: 1.2% 0 0 0; text-transform: capitalize;}
body p{font-family: 'Raleway', sans-serif; font-size: 1.3em; /*margin: 3% 3%;*/}
.caption {font-family: 'Raleway', sans-serif; font-size: 1em}
.list {font-family: 'Raleway', sans-serif; font-size: 1.2em; list-style-type: none; margin-left: -61px;}
.tcenter {text-align: center;}
.tleft {text-align: left;}
.tright {text-align: right;}

/* #Font colors
================================================*/
.font-white {color: white;}
/*.shadow {text-shadow: -1px 2px 1px rgba(150, 150, 150, 1);}*/
.shadow { text-shadow: 0px 2px 3px #1D1D1D;}

/* #Links
================================================== */
a:link {color: #6b3f3f; text-decoration:none; font-weight: 500;}/*unvisited link */
a:visited {color:#432c9b; text-decoration:none;}   /*visited link */
a:hover {color: #76689b; text-decoration: underline;}  /* mouse over link */
a:active {color:#000; text-decoration:none;}  /* selected link */ 

/* Overrides
================================================ */
.img-responsive {max-width: 65%; margin: auto;}
img.img-responsive.image-icon { max-width: 100%;}
.top-padding {padding-top: .75%;}
.top-margin {margin-top: 1%;}
.col-xs-2 {padding-left: 1%; padding-right: 1%;}
.row {margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}


/* #Page Styles
================================================= */
.break-50 {
  position: relative;
  width: 100%;
  height: 50%;
  display: block;
  text-align: center;
  margin-top: -1.21%;
}
.break-25 {
  position: relative;
  display: block;
  margin-top: 2%;
  margin-bottom: 2%;
  /*text-align: center;*/
}
.break-skill {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  /*text-align: center;*/
  /*margin: 2% 0;*/
  padding: 3% 0;
  overflow: hidden;
}

footer {
  width: 100%;
  height: 100%;
  padding: .5% 0;
}
.bg {
  background: url('http://i.imgur.com/9uaT0Kh.png') repeat;
  width: 100%;
  /*height: 150%;*/
  /*top: 0;*/
  /*left: 0;*/
  /*position: fixed;*/
}

.img-rounded {
    border-radius: 6px;
}

/*.parallax-container {
  height: 50%;
}*/
/*.parallax {
  z-index: -1;
}*/

/* #Colors
=================================================*/
.tealy {
  background-color: #00ccd6;
}
.dark-teal {
  background-color: #009688;
}
.yellow{
  background-color: #ffd801;
}
.light-grey {
  background-color: #efefef;
}
.dark-grey {
  background-color: #424242;
}
.black {
  background-color: #333333;
}
.ruby {
  background-color: #a51820;
}
.lav {
  background-color: #76689b;
}
.light-lav {
  background-color: #f2edfc;
}
.light-yellow-green {
  background-color: #eafcd1;
}
/* #images
================================================*/
.icon-row {
  width: 50%;
  margin: auto;
  display: block;
}
/*.icon-row img{
  width: 22.32%;
  margin: .5% .65%;
}*/
.image-icon {
  border: 5px solid #ffffff;
  border-radius: 10px;
  box-shadow: -2px 3px 7px 1px rgba(224,224,224,1);
}

.social-media{
  width: 25%;
  padding-top: 5.5%;
}


/* #floats 
================================================== */
.left {float: left;}
.right {float: right;}


hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
.padding {
  padding-left: 6%;
  padding-right: 0%;
}