* {
    box-sizing: border-box;
    margin: 0;
	padding: 0;
}

body{
    font: 400 14px/1.5 'Roboto', sans-serif;
    background-color: #F2F3F5;
}

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

a:hover {
	color: inherit;
	text-decoration: none;
}


img {
    max-width: 100%;
}

.button {
    font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.333;
    border-radius: 0.25em;
    cursor: pointer;
    text-align: center;
    display: block;
	background-color: #000;
    border-color: #000;
    color: #ffffff;
	letter-spacing: 0.5px;
    transition: color .5s ease, background-color .5s ease, border-color .5s ease;
}

.button:hover {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 1.333;
    border-radius: 0.25em;
    cursor: pointer;
    text-align: center;
    display: block;
	letter-spacing: 0.5px;
	color: #ffffff !important;
	background-color: #118ACB !important;
	border-color: #118ACB !important;
    transition: color .5s ease, background-color .5s ease, border-color .5s ease;
}
 
.inner-title {
    font-size: 1.9em;
    font-weight: bold;
    color: black;
    line-height: 1.29;
}

.inner-photo {
    background-image: url(/img/main-image.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.order-text {
	font-size: 2em;
}

@media (max-width: 1024px) {
	.button {
		margin-top: 2em;
	}
	.order-text {
		font-size: 2.5em;
	}
}