div.page-wrapper nav {
  text-align: center;
  background-color: #92B4EC;
  background-image: url(https://www.tutorialrepublic.com/lib/images/css-illustration.png);
  padding-top: 10px;
  border: #FFFFFF ;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.75);
}

body div.page-wrapper nav div.nav-logo-title a{
  background-color: #FFE69A;
  padding: 0.2em;
  border-radius: 5px;
}


div.page-wrapper nav img {
  display: block;
  width: 100px;
  height: 80px;

  margin: 0 auto;
  margin-bottom: 0.5em;
  border-radius: 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAMAAADUMSJqAAABWVBMVEX////M7v/d7t0AAADp9OnS68Te7t/7/fvb7dnV7Mvw+v/I7f/5/f/l9v+SlJX5+fm+6f/X8v/j5OTS0tOZ4YsAChPAwcKrrK3d3t7X7NHv+eK1trcAdv/09/8Agv/1/PNKTVA7P0IeJCj++f+FAP8oLTERGB5cX2H68f//2v+cnqHz+urMzP+/w//Q2P/A2P/h7f+84c+mi/9EKv8AIv8ALP8AOf8bYP/a5f8Abv8Ae/+Juf9uvMQAo4wAqWwAr0k1vVMEyACPXP9lJv+kmP8waf+m0+sAnK+h0tAAsSl+0ILNp//Qu/+Ztv9js99Mrs5tb3GbO/+eZv8KnMSAxuB5yJ6Y3pfGnf9wpP8rsX6t3q4/zjCUKv+vcv9nxIgGtj1v1mPn0/87kv+Lw/BvgP8EluWRqf9QqesAkMO2sP+qxf+u1uH45f9fi/8ATf+BTv/OVf+0f/9XyP9llSoZAAAD1klEQVRoge2Y6XfaRhTFnwQWBi1jaSpGWBarWSzXBrepEVBnaZrYWUvSJW6Spmmbuk0au23+/w+dkWJqTpCADnP8odzD4Y3Q6HfuuXrSSACMpKmStCZNlq4Bn3RVWlMns1Vd54RLsWwqLcfFzqmxoVDl+KybkhoPV3U+52aScckELusi4VoyXIIcTzdeItwUCFd1PrieCM/xwbWENqdXKHA2egLcBL4+h1zCrSUHnDeXBOvcxmnqsdY1fjgNZiKatgo/OyYYxuZNPKJPCIaxF2Acwrv6uG1TWxibhqtLI74qmSyOhbHpWdVzuqkymdGaz7kIjUsbo3Gv+x/gqftI+swPLBlFltOZGfmRZvaTkWVFLqzOSJ9TiqwUVgrZbEkAm4aSLdBglO1tAXBZXqFsWYb1xcMhvZpl7JIQeCaEKyAEDplsWkmDIDiUwlO5LqJdGH2dShB7qf+XXDzzVO/jnd1o1G53wpre22MlthdTxozo2iefXvlsv9sGCDZ6vf6AXp+fH1y9dn0bSjc+4oV/cfPLoLV7q+dp/X7gDYoB3D48Kq3euTsL3MIYRdVh1UIIW2ABwk64+97mfVa8DnjdB3TQ0eDhV7TSe+J0uF9t2GUHkGE37AoGZBvNlGHZfsW2h2z/o8fnR2jFjXa4FN7++ihc4abCXZsgq1xGaEjAalYA1asGdqx63bUMO08T33wyOqTT6xYHbPDN4cG3MoN/lwyvNHEeE5u2Tp7kSd2CKvNrVY33Uy7CabccbxRZv+hH3197CplnU+D1crNMPxiVq8NmpeJAw2fwhns+5fkPY4cFxeNo8OLHNLx8OsX5EBAVkAY1T+ofwp9s/hRO3IWgH9B6/DMMfqF1744Csc8WqSGmoufTRchoIga3yhOca4+ev261glf7Qafb73ht6nzw6xrKvLheKr2MjaVu23bKgaFdqdsEaCzN+rDqREQrNYJD6/Hmzf0r+ycatLvdXq/ogffb74cHV/egcONZDByHop2NiWvRbeQSB9FtHG6E3+EXS+T+6x2PDbw3b9rhL+ofR+zKXxGzhi611FJLLXWpqomEb4mkb71tCYTXWuK8b0FNnPW34UeYBDqnxsVlXlswO3NBsOBeSSsXtFAyg8vy6kgLhysr2ZGmzNVOd+aGzxyLdnr2YOwHN3rM9ZPg8rmmOfFOzyLvvkOw6xPX9xH4vs9elyyXEw4nZydhJS7xDUpHOI8IGEbeJcThhN/789Vamz3eOz6m5t28bzjY8H2XYGfSC/c88NZff797t3HLe7+J/t2DJs6fMxb2X/TUSf8VPqeW8EuG/wMQmGkEgwMEQwAAAABJRU5ErkJggg==);
}

div.page-wrapper nav ul {
  
  background-color: #92B4EC;
  border-radius: 0px 0px 7px 7px;
  margin-top: 2em;
  padding: 0.5em 0;
  display: block;
  transition: top 0.3s;
}



div.page-wrapper nav li {
  display: inline;
  padding: 0 0.5em;
}

div.page-wrapper nav li a {
  color: black;
}

div.page-wrapper section#header {
  text-align: left;
  width: 70%;
}

body div.page-wrapper section#header{
  margin-top: 4em;
  margin: 0 auto;
  padding: 1em;
  border-radius: 8px;

}

body div.page-wrapper div.content-aside div#content.content{
  margin-right: 3em;
  padding: 1em;
  border-radius: 3px;
  box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
}

body div.page-wrapper div.content-aside aside h2{
  margin-top: 3em;
}
body div.page-wrapper div.content-aside aside ul{
  margin-bottom: 3em;
}
body div.page-wrapper div.content-aside aside li{
  
  text-align: left;
  background-color: #FFE69A;
  margin: 0.5em 0%;
  border-color: #000000 10px solid;
  border: 5px;
  padding: 0.5em;

  width: fit-content;
  marker: none;
}
body div.page-wrapper div.content-aside aside{
  padding: 1em;
  margin-bottom: 3em;
  border-radius: 9px;
  
  -webkit-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
}

div.page-wrapper div.content-aside div#content.content {
  width: 61%;
}


div.page-wrapper div.content-aside aside,
div.page-wrapper div.content-aside div#content.content {
  display: inline-block;
}

div.page-wrapper div.content-aside {
  margin: 1.5em 1em;
}

div.page-wrapper div#articles.articles table tbody tr.row-first td {
  margin: 1em 1px;
  width: 15%;
  background-color: rgb(255, 255, 255);
  padding: 1em;
  border-radius: 15px;
  box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
}

div.page-wrapper div#articles.articles table tbody tr.row-first img {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  box-shadow: 0px 18px 25px -8px rgba(0,0,0,0.51);
  -webkit-box-shadow: 0px 18px 25px -8px rgba(0,0,0,0.51);
  -moz-box-shadow: 0px 18px 25px -8px rgba(0,0,0,0.51);
}
body div.page-wrapper div#articles.articles {
  margin-bottom: 5em;
}

div.page-wrapper
  div#articles.articles
  table
  tbody
  tr.row-second
  td.article-long {
  background-color: rgb(242, 242, 242);
  border-radius: 15px;
  padding: 1 0.5em;
  box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 17px -3px rgba(0,0,0,0.75);
}

div.page-wrapper div#articles.articles table tbody tr.row-second td {
  text-align: center;
}

body div.page-wrapper div#articles.articles table tbody tr.row-first td.article a {
  color: #92B4EC;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 6px;
  background-color: #FFE69A;
  
}
div.page-wrapper div#articles.articles table tbody tr.row-second td img {
  max-width: 20em;
  max-height: 10em;
  margin: 0 auto;
  box-shadow: 0px -1px 34px -11px rgba(0,0,0,1);
-webkit-box-shadow: 0px -1px 34px -11px rgba(0,0,0,1);
-moz-box-shadow: 0px -1px 34px -11px rgba(0,0,0,1);
}

footer{
  background-color: #92B4EC;
}

body div.page-wrapper footer div.footer-logo {
  text-align: center;

}

body div.page-wrapper footer div.footer-logo h3 {
  margin-bottom: 0;
  padding-top: 0.5em;
  border-top: 1.5em;

}

footer div.footer-logo p {
  margin-top: 5px;
}

body div.page-wrapper footer div.footer-form {
  border-top: 2px #FFE69A solid;
  margin: 0 auto;
}

body div.page-wrapper footer div.footer-form form {
  text-align: left;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 2em;
}

body div.page-wrapper footer div.footer-form p {
  text-align: center;
  font-size: 16px;
}
body div.page-wrapper footer div.footer-form form button {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #FFE69A;
  border-color: white;
  min-width: 300px;
  border-radius: 9px;
}

body div.page-wrapper footer div.footer-credit {
  background-color: #92B4EC;
  padding: 1% 1%;
}

body div.page-wrapper footer div.footer-credit h3 {
  font-size: 12px;
  margin: 0 auto;
}

h1{
  font-size: 46px;
  margin-top: 0;
  margin-bottom: 0.1em;
}

h1,h2,h3 p,a, label{
  font-family:Tahoma;
  color: #000000;
}
body div.page-wrapper div#creativity.creativity div.creativity-wrapper{
  padding: 0;
  margin: 0 0 0 1em;
}


div.mini-one,div.mini-two,div.mini-three,div.mini-four{
  position: relative;
padding: 1em;
margin: 0em 0.2em;
width: 300px;
border-radius: 12px;
display: inline-block;

box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

body div.page-wrapper div#creativity.creativity div.creativity-wrapper div{
  margin-top: auto;
}

body div.page-wrapper div#creativity.creativity div.creativity-wrapper div h2{
margin-top: 0em;
}

body div.page-wrapper div#creativity.creativity div.creativity-wrapper div img{
display: block;
background-image: url(data:image/png;base64,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);
margin-bottom: 0;
max-width: 150px;
height: 60px;
}




.mini-content h2:hover + p {
  display: block;

}

.mini-content h2:not(:hover) + p {
  display: none;
  
}

.mini-content h2:target + div.mini-one,div.mini-two,div.mini-three,div.mini-four {
  height: fit-content;
}

.mini-content h2:not(:hover) {
  height: 50px;
}




body div.page-wrapper nav ul li :hover{
  background-color: #FFE69A;
  padding: 0.2em;
  border-radius: 5px;
}

button :hover{
  background-color: #92B4EC;
}


@media only screen and (max-width: 600px) {
  div.page-wrapper nav {
    padding-top: 5px;
  }

  body{
    margin: 0 auto;
  }
  
  
  body div.page-wrapper div.content-aside aside{
    margin-top: 2em;
    background-color: #FFFFFF;
    
  }
  body div.page-wrapper div.content-aside aside{
    width: max-content;
  }
  div.page-wrapper div.content-aside div#content.content {
    width: 100%;
  }
  
    body div.page-wrapper div.content-aside aside ul{
     display: inline-block; 
    }


    div.page-wrapper div#articles.articles table tbody tr.row-first td{
      display: block;
      width: fit-content;
      margin: 0.5em auto;
    }

    body div.page-wrapper div#articles.articles table tbody tr.row-second{
      margin-bottom: 9em;
    }

    body div.page-wrapper div#articles.articles table tbody tr.row-second td img{
      position: relative;
      bottom: -200px;
      left: -400px;
      display: block;
    }

    body div.page-wrapper div#creativity.creativity{
      margin-top: 11em;
    }

    

  div.page-wrapper nav img {
    width: 70px;
    height: 60px;
  }


}


/* Styles for screens larger than 768px (iPad) */
@media only screen and (min-width: 768px) {
  div.page-wrapper nav {
    padding-top: 20px;
  }
  
  body div.page-wrapper nav div.nav-logo-title a{
    padding: 0.4em;
  }
  
  

  div.page-wrapper nav img {
    width: 120px;
    height: 96px;
  }
}