* {
  font-family: Arial,Helvetica,sans-serif;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  color: #fff;
    box-sizing: border-box;
}

html, body {
  margin:0;
  padding:0;
  height:100%;
}


.clear {
  clear:both;
}

.github-link {
  z-index: 999;
  position:fixed;
  bottom:20px;
  right:20px;
}



section .slide[data-id],
section.section {
  background-color:#1BBC9B;
  background-size: cover;
  background-position: center center;

    padding:0 !important;
}

section[data-id="home"] {
  background-image: url('Resources/Images/alex-knight.webp');
}

section.fp-section[data-id="work"] {
  background-color:#1BBC9B !important;
}

section .slide.fp-slide[data-id="developing"] {
  background-image: url('Resources/Images/rawpixel-com1.webp');
}
section .slide.fp-slide[data-id="networking"] {
  background-image: url('Resources/Images/thomas-kvistholt.webp');
}

section .slide.fp-slide[data-id="implementing"] {
  background-image: url('Resources/Images/markus-spiske.webp');
}
section .slide.fp-slide[data-id="supporting"] {
  background-image: url('Resources/Images/rawpixel-com.webp');
}

section .slide.fp-slide[data-id="contact"] {
  background-image: url('Resources/Images/mathias-jensen.webp');
}

section.fp-section[data-id="contact"] {
  background-image: url('Resources/Images/sticker-mule.webp');
}

input[type="text"],
input[type="email"] {
    padding:10px;
    color:#5a5a5a;
    font-size: 1.5em;
    border: none;
}

input[type="submit"] {
        white-space: normal;
    font-size: 1em;
    padding:10px 0px 10px 0px;
}

input.full-width {
    width:100%;
}
.btn.full-width {
    width:100%;
}

.btn:focus,
.btn {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-weight:bold;

    border:none;

    padding: 10px 20px;

    font-size:22px;
    background-color: #43ff5a;
    color:#fff;
    cursor: pointer;
}



#roboter-bubble {
  font-size: 2em;

  width:30%;
    min-width: 100px;
  margin-left:30px;
}


#contact-bubble {
    width:66%;
    max-width:680px;

    margin-top:25%;
    margin-left:auto;
    margin-right:auto;
}


.bubble {
    padding: 20px;
    background: #32484e;
    color:#fff;
}
#fp-nav ul li a span {
    background: #01c1fa !important;
}

h1 {
    font-size: 3em;
    text-align: center;
}

.centered {
    margin:0 auto;
}

.msg{
    text-align: center;
    margin: 200px 0px 20px 0px;
    font-size: 2em;
    color:#fff;
}

.black {
    color:#000;
}
.black-background {
    background-color: rgba(0,0,0,0.3);
    padding:40px;
}

.green{
    color: #43ff5a;
}

@media only screen and (max-device-width: 40em) {
    body {
        font-size: 75%;
    }
}
@media only screen and (max-device-width: 20em) {
    body {
        font-size: 50%;
    }
}
@media only screen and (max-device-width: 20em) {

.github-link img {
	width:180px;
	height:180px;
}
}