@import 'https://fonts.googleapis.com/css?family=Amatic+SC|Josefin+Sans';

html {
font: normal normal 14px/1 "Josefin Sans";
/*, Helvetica, Arial, sans-serif;*/
}
/************************************/
/* NAVIGATION BAR AND HEADER SECTION */
/************************************/

.social-media-container {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.social-media-container li {
  list-style-type: none;
  display: inline;
  padding: 0;
}

.social-media-container ul {
  padding: 0;
  margin: 0;
}

/*header section {
  background-color: #b24569;
}*/

.navigation-container {
  width: 100%;
  height: 10%;
  text-align:center;
  /*position: fixed;*/
  /*background-color: #fff796;*/
}

.navigation-container li {
  list-style-type: none;
  padding: 0 2% 0 2%;
  display: inline-block;
}

.navigation-container ul {
  padding: 0 0 2% 0;
  margin: 0;
}


/************************************/
/* LINKS */
/************************************/
.navigation-container li a {
  color: #000000;
  font-size: 30px;
  font-family: 'Amatic SC';
  text-decoration: none;
  text-align: center;
}

.navigation-container img {
  padding-left: 1.75%;
}

.social-media-container a {
  padding: 0 5px 0 5px;
}

.navigation-container li a:hover {
  /*color: #ff7ca7;*/
  color: #b24569;
}

a:hover {
  /*color: #c98f8f;*/
  color: #4fb1cc;
}

/*a:visited {
  color: #000000
}*/

a:link {
  color: #000000;
  text-decoration: none;
}



/************************************/
/* MAIN BODY SECTION - INDEX.HTML */
/************************************/
body {
  margin-left: .5%;
  margin-right: .5%;
}

h2 {
  font-family: 'Amatic SC';
  font-size: 2em;
  text-align: left;
  /*width: 30%;*/
  margin: 5px 2px 5px 2px;
}

.blog-images {
  padding: 5%;
  height: 175px;
}

.format-about-me {
  height: 300px;
  width: 100%;
}

.format-about-me img {
  border-radius: 50%;
  float: left;
  width: 25%;
  padding-left: 5%;
}

.format-about-me p {
  float: right;
  width: 60%;
  padding: 0 5% 0 5%;
}

section article {
  display: inline-block;
  width: 29%;
  vertical-align: top;
}

.article-format {
  text-align: center;
}

.article-format p, h3, h4 {
  text-align: left;
  margin: 0 4% 0 4%;
}

/************************************/
/* MAIN BODY SECTION - BLOG */
/************************************/
div {
  width: 70%;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.blog-format p {
  padding-left: 4%;
  font-size: 1.25rem;
}

.blog-format h3 {
  font-size: 1.75rem;
}

.large-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*********************************************/
/* MAIN BODY SECTIONS - MAIN PORTFOLIO PAGE */
/********************************************/





/************************************/
/* ASIDES BLOG*/
/************************************/

aside {
  float: right;
  width: 25%;
}

aside img {
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}




/************************************/
/* FOOTER */
/************************************/
footer {
  clear: both;
  width: 100%;
  margin: 0 auto;
  margin-top: 1%;
  height: 3%;
  bottom:0;
}

footer section {
  float: right;
  width: 10%;
  margin: 0;
}

footer section a {
  padding: 0 1% .5% 1%;
}

footer p {
  float: left;
  /*width: 90%;*/
}