* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* NAVIGATION */




.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #ecdc6d;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #ecdc6d;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom center;
}



#navigation {
background-color:#fff;
border-bottom:1px solid afa03e;
width:100%;
}

/*  */

.mobile-text {
display:none;
}


#intro {
width:100%;
height:63vh;
//background-image: url(../img/energy-alt.jpg);
background:#000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
margin-top:0;
margin-bottom:0;
padding-top:6vh;
padding-bottom:0;
}

#intro p#aj {
float:left;
font-family:Roboto;
font-size:1.2vw;
color:#fff;
width:19vw;
padding-top:7vh;
padding-bottom:4.5vh;
padding-left:0.70vw;
line-height:1.4em;
 text-shadow: 2px 2px #000000;
}

#amy {
display:block;
float:left;
width:21%;
margin:5.5vh 2.5vw 5vh 3vw;
float:left;
}

#amy2 {
display:none;
float:left;
width:21%;
margin:5.5vh 2.5vw 5vh 3vw;
float:left;
}

#amy-speaking5 {
display:none;
float:right;
width:52%;
margin:1vh 2.5vw 0.5vh 2vw;
}

#amy-speaking6 {
display:none;
float:left;
width:51%;
margin:0.5vh 4vw 0 1.5vw;
}


#eg {
width:24%;
margin-left:49%;
color:#fff;
}

#eg ul li {
font-family:Arial;
font-style:italic;
font-size:1.25em;
margin-left:5%;
}

#eg ul li {
padding-bottom:0;
margin-bottom:0;

}

#eg ul li a {
text-decoration:none;
color:#95c8fd;
line-height:0.7
}

#eg ul li a:hover {
color:#fff;
text-decoration:none;
 transition-duration: .5s;
}


#e-gang {
width:95%;
padding-top:5.5vh;
padding-bottom:3vh;
}

#edf {
width:17%;
position:absolute;
top:11vh;;
right:4.5%;;
}

#edf-book {
width:15vw;
}

#edf p {
padding-top:10px;
}

#edf a {
color:#fff;
font-family:Arial;
font-size:1.30em;
border-bottom:2px dotted;
text-decoration:none;
}




#contentarea {
width:66.5%;
margin-top:5vh;
margin-left:18%;
min-height:30vh;
}

#articles, #videos {
width:30%;
min-height:20vh;
float:left;
margin-right:2.4vw;
}

#podcasts {
width:30%;
min-height:20vh;
float:left;
margin-right:0;
}

#articles img, #videos img, #podcasts img {
width:100%;
}

#contentarea p {
font-family:Arial;
line-height:1.4em;
font-size:1.20em;
}

h3  {
font-family:Roboto;
font-size:1.45em;
color:#5c91ac;
text-decoration:none;
padding: 1.5vh  0 1vh  0;
}

h3 a {
font-family:Roboto;
font-size:1.0em;
color:#5c91ac;
text-decoration:none;
padding: 1.5vh  0 1vh  0;
}

h3 a:hover {
font-family:Roboto;
font-size:1.0em;
color:#5c91ac;
text-decoration:underline;
padding: 1.5vh  0 1vh  0;
} 

a.more {
font-family:Roboto;
font-size:1.25em;
font-weight:600;
color:#5c91ac;
text-decoration:none;
}

a.more:hover {
text-decoration:underline;
transition:0.4sec;
}

#content-about {
font-family:Roboto;
font-size:1.25vw;
line-height:1.5;
color:#fff;
width:40vw;
height:300vh;
position:absolute;
top:14%;
right:9%;
}

#content-smaller {
font-size:1vw;
padding-left:8vw;
}

.larger {
font-size:1.4vw;
}

#articles p, #videos, p {
padding-bottom: 1vw;
}

#edfuture, #edf-plug {
display:none;
}


/* books */



/*

#books-content {
width:75%;
height:60vh;
margin-left:12.5%;
}

ul#book-covers {
width:100%;
height:44vh;
list-style:none;
}

ul#book-covers li img {
width:17%;
float:left;
margin-left:2%;
list-style:none;
}

ul#book-covers li:first-child {
margin-left:0;
}

.book-cover {
    position: relative;
    margin: auto;
    overflow: hidden;
width:16%;

}

*/