@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Noto+Sans:wght@400;700&family=Roboto:wght@400;500;700&family=Work+Sans:wght@300;400;600&display=swap');

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

:root {
	--body:                   #151518;
	--text:                   #fff;
	--link:                   #fff;
	--icon_app:               #8c2424;
	--color-red:              #c81c1b;
	--color-red-second:       #b12d2d;
	--color-red-hover:        #ae3536;
	--color-red-hover-button: #a32929;
	--color-white-ice:        #d1cece;
	--color-white-dark:       #bdbdbd;
	--gradient-btn:  		  linear-gradient(30deg, #e62529 0%, #980c26 60%);
	--gradient-btn-hover: 	  linear-gradient(32deg, #980c26 30%, #e62529 80%);
	--gradient-card: 		  radial-gradient(at top right, #411b23 0%, #1c1b1b 70%);
	--gradient-plans:         radial-gradient(at top right, #572627 0%, #1c1b1b 70%);
	--gradient-red: 		  linear-gradient(75deg, #b12d2d 0%, #c03838 75%);
	--gradient-overlay: 	  linear-gradient(190deg, #f83e6385 0%, #151518 42%);
	--gradient-social-title:  linear-gradient(30deg, #cc1216 0%, #c11c3a 60%)
}

body {
 	background-color: var(--body);
    color: var(--text);
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 300;
}

a {
	color: var(--link);
	text-decoration: none;
}

ul {list-style: none;}

img, svg {
	/* vertical-align: middle;  */
	max-width: 100%; 
	display: block;
}

p {
	font-family: 'Work Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", Sans-serif;
	font-weight: 600;
}

h2 {
	font-size: 45px;
}

.main_content{
    display: block;
    width: 100%;
}

.container {
    max-width: 1300px;
    margin: 0 auto;
}