@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700&display=swap');
@import "variables";

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html {
	font-size: 62.5% !important;

	// @include breakpoint(lg) {
	// 	font-size: 56.25% !important;
	// }
	// @include breakpoint(md) {
	// 	font-size: 50% !important;
	// }
	// @include breakpoint(sm) {
	// 	font-size: 62.5% !important;
	// }
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}
textarea {
	resize: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,
img {
	border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-weight: normal;
	font-style: normal;
}
ol,
ul {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
}

body {
    font-family: $typo-1;
    line-height: 1.5 !important;
    font-size: inherit !important;
    box-sizing: border-box;
    min-width: 320px;
}

a:hover {
	text-decoration: none;
}

button {
	cursor: pointer;
    outline: none;
    box-shadow: none;
}

.button-position-bottom {
	max-width: 1000px;
	position: fixed;
    bottom: 5px;
    left: 50%;
    transform: translate(0% -50%);
	transform: translateX(-50%);
	z-index: 1;
}

.container {
    &-wrap {
        width: 100%;
        //padding-left: 16px;
        padding-right: 50px;
        padding-left: 320px;
    }
}

.caption-page {
    padding: 60px 0;

    h2 {
        color: $color-white;
        font-size: 5rem;
    }
}