/*
Theme URI: http://www.richythomas.com
Author: Richy Thomas
Palette: Indigo: 3F51B5 , Pink: FF4081 , Light-Pink: FF80AB
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300,700);

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body {background: #FFF; font-family: 'Roboto', sans-serif; margin: 0;}
canvas {display: block; vertical-align: bottom;}

a {border-bottom: 1px solid #FF80AB; color: #FFF; font-size: 20px; padding-bottom: 6px;}
a:hover {border-bottom: 1px solid #FFF; color: #FF80AB; text-decoration: none;}

.pink {color: #FF4081;}
span.amp {font-family: Baskerville, "Goudy Old Style","Palatino","Book Antiqua",serif; font-size: 110%; font-style: italic;}

#particles-js {background: #3F51B5; height: 100%; height: 100vh; z-index: -1;}
.intro-container {color: #FFF; margin: 0 auto; position: absolute; margin-top: -69px; top: 50%; right: 0; left: 0; z-index: 1;}
.intro-text {font-weight: 300; text-align: center;}
.intro-text h1 {font-size: 50px; font-weight: 700; margin: 0 0 20px; text-transform: uppercase;}
.intro-text h2 {font-size: 25px; font-weight: 500; margin: 0 0 20px; text-transform: uppercase;}

.content {padding: 40px 0;}

@media(min-width:768px){
  .intro-container {color: #FFF; margin-top: -101px; top: 50%; right: 0; left: 0; z-index: 1;}
  .intro-text h1 {font-size: 100px; margin: 0 0 10px; }
  .intro-text h2 {font-size: 30px;}
}

@media(min-width:992px){


}

@media(min-width:1200px){


}