@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,700");
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

body {
  background-color: black;
  color: white;
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300; }

a {
  color: #53EA71;
  font-weight: bold;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a > div.button {
    border: solid 4px #53EA71;
    padding: 12px 50px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 20px 0; }
    a > div.button:hover {
      border-color: white;
      color: white; }

#ramva-projects div.project {
  clear: both;
  padding-top: 120px; }
  #ramva-projects div.project.right div:last-child {
    float: right; }
  #ramva-projects div.project.right div:first-child {
    float: left; }
  #ramva-projects div.project > div {
    display: block;
    width: 100%;
    margin: 0 auto; }
    #ramva-projects div.project > div:last-child {
      float: left;
      padding: 0 20px 30px; }
      @media screen and (min-width: 981px) {
        #ramva-projects div.project > div:last-child {
          padding: 90px 60px 50px; } }
      #ramva-projects div.project > div:last-child h2 {
        color: #53EA71;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0;
        font-size: 1.5em; }
        @media screen and (min-width: 981px) {
          #ramva-projects div.project > div:last-child h2 {
            font-size: 2em; } }
      #ramva-projects div.project > div:last-child h3 {
        text-transform: uppercase;
        font-weight: 300;
        margin: 0;
        font-size: 1.5em; }
        @media screen and (min-width: 981px) {
          #ramva-projects div.project > div:last-child h3 {
            font-size: 2em; } }
      #ramva-projects div.project > div:last-child p {
        font-size: 0.8em; }
        @media screen and (min-width: 981px) {
          #ramva-projects div.project > div:last-child p {
            font-size: 1em; } }
      #ramva-projects div.project > div:last-child h4 {
        text-transform: uppercase;
        color: #53EA71;
        font-size: 0.8em; }
        #ramva-projects div.project > div:last-child h4 span {
          color: white; }
    #ramva-projects div.project > div:first-child {
      float: right; }
      #ramva-projects div.project > div:first-child.right {
        float: left; }
      #ramva-projects div.project > div:first-child div {
        padding: 20px;
        width: 100%; }
        #ramva-projects div.project > div:first-child div img {
          width: 100%; }
        @media screen and (min-width: 981px) {
          #ramva-projects div.project > div:first-child div {
            padding: 40px; } }
    @media screen and (min-width: 981px) {
      #ramva-projects div.project > div {
        width: 49%; } }

#ramva-main {
  padding: 20px;
  text-align: center; }
  #ramva-main h1 {
    font-size: 2em;
    padding: 50px 0 30px; }
    @media screen and (min-width: 768px) {
      #ramva-main h1 {
        font-size: 3em;
        padding: 130px 20px 80px; } }
    #ramva-main h1 span {
      font-weight: 200; }
  #ramva-main h2 {
    font-size: 2em;
    text-transform: uppercase;
    color: #53EA71;
    padding-bottom: 10px; }
    @media screen and (min-width: 768px) {
      #ramva-main h2 {
        font-size: 4em;
        max-width: 900px;
        margin: auto;
        padding-bottom: 40px; } }

#ramva-goal,
#ramva-services,
#ramva-contact {
  clear: both;
  padding: 20px;
  text-align: center; }
  #ramva-goal h2,
  #ramva-services h2,
  #ramva-contact h2 {
    padding-top: 60px;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #53EA71;
    padding-bottom: 10px; }
    @media screen and (min-width: 768px) {
      #ramva-goal h2,
      #ramva-services h2,
      #ramva-contact h2 {
        padding-top: 150px;
        font-size: 3em;
        max-width: 900px;
        margin: auto;
        padding-bottom: 40px; } }
  #ramva-goal p,
  #ramva-services p,
  #ramva-contact p {
    font-size: 1em;
    color: white; }
    #ramva-goal p.ramva-phone a,
    #ramva-services p.ramva-phone a,
    #ramva-contact p.ramva-phone a {
      color: white;
      font-weight: 300;
      font-size: 1.3em; }
      #ramva-goal p.ramva-phone a:hover,
      #ramva-services p.ramva-phone a:hover,
      #ramva-contact p.ramva-phone a:hover {
        text-decoration: none; }
    #ramva-goal p > span,
    #ramva-services p > span,
    #ramva-contact p > span {
      color: #53EA71; }
    @media screen and (min-width: 768px) {
      #ramva-goal p,
      #ramva-services p,
      #ramva-contact p {
        font-size: 1.5em;
        max-width: 900px;
        margin: auto;
        padding-bottom: 40px; } }

footer div:first-child {
  padding: 80px 15px 15px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8em;
  text-align: center; }
  @media screen and (min-width: 981px) {
    footer div:first-child {
      padding: 140px 20px 20px; } }