/*section#header {background-color: #CCCCCC;}*/
h1,h2#top {text-align:center;color:#FFFFFF;}
div#heading {margin-top:50px;margin-bottom:50px;}
@media (max-width: 576px) {
  div#heading {margin-top:0px;margin-bottom:0px;}
}

h2.section-headline {padding-top:10px;padding-bottom:10px;color:#FFF;text-shadow: -2px -2px 2px black, -2px 2px 2px black, 2px 2px 2px black, 2px -2px 2px black;text-align:center;}

section#header {background-image: linear-gradient(145deg, hsl(0,0%,0%), hsl(0,100%,50%))/*,radial-gradient(circle, rgba(0,0,0,0), rgba(255,255,255,1))*/;}
section#website {background-image: linear-gradient(160deg, hsl(240,100%,50%), hsl(180,100%,50%));}
section#video {background-image: linear-gradient(75deg, hsl(300,100%,50%), hsl(300,100%,75%));}
section#svg {background-image: linear-gradient(160deg, hsl(120,100%,50%), hsl(150,100%,50%));}
section#image {background-image: linear-gradient(20deg, hsl(0,100%,50%), hsl(300,100%,75%));}
section#php {background-image: linear-gradient(100deg, hsl(60,100%,50%), hsl(30,100%,50%));}

img.image, iframe.youtube {max-width:100%;}

div.content-section {padding-top:50px;padding-bottom:50px;}
div.descriptive-text {background-color: hsla(0,0%,100%,80%);vertical-align: middle;}

svg#cube-animation {}

@media (min-width: 576px) {
  /*section#header {background-color: #FFFF00;}*/
  svg#cube-animation {width:400px;}
}

@media (min-width: 768px) {
  /*section#header {background-color: #FF0000;}*/
  svg#cube-animation {width:350px;}
}

@media (min-width: 992px) {
  /*section#header {background-color: #FF00FF;}*/
  svg#cube-animation {width:480px;}
}

@media (min-width: 1200px) {
  /*section#header {background-color: #0000FF;}*/
}