body, html {
    margin: 0;
    padding: 0;
    font-family: Lato;
    background-color: #333333;
}

.mobile-text {display: none;}

h1 {
    color: white;
    font-weight: 400;
    margin-bottom: 30px;
}

p {
    margin-bottom: 60px;
    color: white;
    font-size: 21px;
}

a {
    text-decoration: none;
    color: white;
}

.block {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    display: block;
    position: relative;
}

.section-top {
    background-color: white;
    padding-top: 180px;
    padding-bottom: 180px;
    text-align: center;
}

.section-bottom {

    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
}

a.button {
    background-color: #972724;
    padding: 30px 60px;
    color: white;
    
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
    .section-top {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    img {
        width: calc(100% - 80px);
		margin: 40px;
    }
	  h1 {
		font-weight: 700;
		margin: 0px 30px 30px 30px;
		font-size: 30px;
	}
	p {
		margin: 0px 25px 40px 25px;
		font-size: 18px;
		line-height: 140%;
	}
    a.button{
        display: block;
        /*float: left;*/
        /*width: calc(100% - 45px);*/
        padding: 15px 30px;
        margin-left: 0px 15px;
    }
}

@media screen and (max-width: 720px) {
	.mobile-text { display: inline-block; }
    .desktop-text {display: none;}
}