index.css

a, p, h1 {
    font-family: 'Montserrat';
    line-height: 30px;
    color: #292929;
    font-size: 14px;
    font-family: sans-serif;
}
.menu-list a:hover {
    color: #4336BE;
    text-decoration-color:#4336BE;
}
body {
    background-image: url(images/line.png);
    background-size: 100%;
    background-position: center;
    background-attachment:fixed;
}
 
li {
    margin-top: 20px;
    list-style: none;
 }
.navbar {
    background-color: white; !important;
}
.menu_item, .head {
    font-weight: 800;
    font-family: sans-serif;
    font-size: 60px;
    line-height: 72px;
    color: #292929;
}
.offer_text {
    padding-top:3%;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #A0A0A0;
}
.bg1 {
    background: #E6E7E9;
}

.title {
    font-weight: 800;
    font-size: 34px;
    line-height: 44px;
    color: #292929;
 
}
/*Text under image*/
.note {
    font-size: 14px;
    line-height: 20px;
    color: #919191;
}
/*Image & Text of Portfolio */
.blocks {
    margin-top: 10%;
}
/*Image Sicilia*/
.main_image {
    position: relative;
    float: right;
}
.up_image {
    position: absolute;
    top: 0px;
    right:25%;
}
/*Image plant */
/* Приближение логотипов компаний */
.client {
	overflow:hidden;
}
.client img {
	transition: all 1s ease-out;
}
.client img:hover{
	transform: scale(1.3);
}
/* End */


.main_image_2 {
   position: relative;
   margin-top: -3%;
   margin-left: 8%
}
.up_image_2 {
    position: absolute;
    top: 15%;
    left: 45%;
}
.main_image3 {
    position: relative;
    left: -35%;
}

.main_image img, .up_image img, .up_image_2 img, .main_image_2 img{
    width: 400px;
    height: 300px;
}
.links {
    margin-top: 15%;
}
.back_text {
	
	position: absolute;
	font-weight: 900;
	font-size: 64px;
	line-height: 78px;
	color: #CECECE;
}

.mouse-parallax_content img {
    max-width: 90%;
}

.mouse-parallax {
    position: relative; /**/
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30vh;
    min-height:200px;
}

.up img {
    transition: all 1s ease-out;
}
.up img:hover{
    transform: scale(1.4);
 }
 
.mouse-parallax-text{
    position: absolute;
}
.mouse-parallax_background {
    position: absolute;
    z-index: -1;
    width: 110%;
    height: 120%;
    background: radial-gradient(147.29% 171.5% at 40.48% -80.83%, #574CBF 0%, #2718BC 100%), #4336BE;
    background-position: center center;
    background-size: cover;
}
.request {
    font-weight: 800;
    font-size: 30px;
    line-height: 40px; 
    color: #FFFFFF;
}
.request_text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.project_block_text {
    position: relative;
}
.project_arrow {
    position: absolute;
    right: 9%;
    top: 55%;
}
.arrow {
    position: absolute;
}
.page_footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #E6E7E9;
    font-size: 14px;
    line-height: 30px;
    color: #292929;
}
 
.block {
	margin-top: 2%;
}

.numbers {
    font-size: 46px;
    font-weight: 800;
    text-align: center;
    color: #4336BE;
}
.numbers_low {
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    color: #4336BE;
}
.numbers_text {
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    color: #4336BE;
}



.request {
    font-weight: 900;
    font-size: 32px;
    line-height: 44px; 
    color: #FFFFFF;
}
.request_text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.project_block_text {
    position: relative;
}
.project_arrow {
    position: absolute;
    right: 9%;
    top: 55%;
}
.arrow {
    position: absolute;
}

.page_footer {
    padding-top: 20px;
    background: #E6E7E9;
    font-size: 14px;
    line-height: 30px;
    color: #292929;
}

.title_text {
    font-size: 12px;
    line-height: 18px;
    color: #696969;
    padding-top:5%;
}


/* Экстрамалые девайсы («портретные телефоны», < 576px) */
@media (max-width: 575.98px) { 
.menu_item, .head {
        font-size: 45px;
        padding-bottom:10px;
        line-height: 56px;
} 
.offer_text, .note {
    font-weight: 300;
	font-size: 18px;
	line-height: 20px;
}
.main_content {
    padding-top:12%;
}
.offer {
    margin-top:5%;
    text-align:center;
    line-height:40px;
}
.project_arrow {
    position: absolute;
    right: 3%;
    top: 69%;
}
.page_footer {
	text-align:center;
}

.articles, .request {
    font-size: 20px;
    line-height: 40px; 
}
.request_text, .plain_text {
    font-size: 12px;
    line-height: 18px;
}
.numbers {
   font-size: 35px;
}
.numbers_low {
   font-size: 28px;
}
.numbers_text {
    font-size: 16px;
}
div .plain_text {
  padding-top:10%;
}
.links a{
    margin-left:15%;
}

.up_image {
    position: absolute;
    top: 0px;
    left:10%;
}
.up_image_2 {
    position: absolute;
    top: 10%;
    left: 20%;
}
.main_image3 {
    position: relative;
    left: 0px;
}
.title, .note {
    padding: 10px 0 10px 0;
    text-align:center;
}
 img {
	 max-width:80%;
 }
 }

/* Малые девайсы («ландшафтные», >= 575px)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
div .offer {
	padding-top: 2%;
} 
.head {
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
}  
.offer {
    margin-top:5%;
    text-align:center;
    line-height:40px;
}
.main_content {
	padding-top:5%;
}
.points {
    font-size: 65px;   
}
.articles {
    font-size: 22px;
}
.blocks {
	margin-top: 10%;
 }
.request {
    font-size: 24px;
}
.request_text {
    font-size: 10px;
 }
 .page_footer {
	text-align:center;
}
 img {
	 max-width:80%;
 }
}

/* Средние девайсы («таблетки», >= 768px) */
@media (min-width: 768px) and (max-width: 991.98px) { 
.request {
    font-size: 30px;
}
.request_text {
    font-size: 14px;
}
.main {
	margin-top: 15%;
}

.row .blocks {
	margin-top: 5%;
 }
 .page_footer {
	text-align:center;
}

} .head {
      font-size: 50px;
    }