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

* {
    font-family: 'Roboto', sans-serif;
}

.img-container {
    width: 70%;
    margin: 0 auto;
    padding: 30px 0;
}

.content {
    height: calc(100vh - 124px);
}

.content-container {
    color: white;
    padding: 30px 0;
    width: 70%;
    margin: 0 auto;
}

.content-container h2 {
    font-size: 20px;
    margin-bottom: 30px;
}

.btn-float {
    position: fixed;
    float: bottom;
    bottom: 15px;
    right: 15px;
    z-index: 100;
}

@media screen and (min-width: 768px){

    .img-container {
        width: 40%;
    }

    .content-container h2 {
        font-size: 40px;
    }

    .content-container p {
        font-size: 20px;
    }

    .content-container {
        width: 40%;
    }
}