/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Karla:400,700&display=swap');

/* General */

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


body {
	font-family: 'Karla', sans-serif;
	font-size: 1em;
	//background: #000;
}

/* Header */

.header {
	max-width: 1440px;
	background: #fff;
}

.header__title {
	margin: 60px 0 40px 60px;
}

.header__title h1 {
	font-size: 2em;
	color: hsl(179, 62%, 43%);
	font-weight: 700;
}

.mes h2 {
	margin: 0 0 30px 60px;
	color: hsl(71, 73%, 54%);
}

.header p {
	margin: 0 0 60px 60px;
	font-size: 1.25em;
	color: hsl(218, 22%, 67%);
}

/* wrapper */

.wrapper {
	display: flex;
	justify-content: center;
}



/* SECTIONS */

.content__Block {
	width: 50%;
	padding: 60px;
}


section.content__Block--left {background: hsl(179, 61%, 44%);}
section.content__Block--right {background: hsl(179, 47%, 52%);}

.mes-sub {margin-bottom: 30px;}

.mes-sub h2 {
	font-size: 1.5em;
	color: hsl(204, 43%, 93%);
}

span.price {
	font-size: 2.5em;
	color: hsl(204,43%,93%);
}

span.data__mes {
	padding-left: 15px;
	color: hsl(218, 67%, 93%);
	font-size: 0.500em;
	font-weight: normal;
}


.info {
	margin: 20px 0 40px 0px;
}

.info h2 {
	color: hsl(204,43%,93%);
	font-size: 0.875;
	font-weight: lighter;
}

/* Button */
/*I must have gotten lost at this point below the. o.O*/
a.btn {
    color: #fff;
    text-decoration: none;
    font-size: 1.5em;
}

span.btn__title {
	
	padding: 20px 135px;
	background: hsl(71, 73%, 54%);
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.42);
	box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.42);
}

/* Section right*/

.content__Block h2 {
	margin-bottom: 30px;
	color: hsl(204, 43%, 93%);
}

.content__Block p {
	color: hsl(218, 67%, 93%);
	font-size: 1.2em;
}