singolo1.css

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'),
         url('assets/lato-v16-latin-300.woff2') format('woff2'), 
         url('assets/lato-v16-latin-300.woff') format('woff'); 
  }

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'),
         url('assets/lato-v16-latin-regular.woff2') format('woff2'), 
         url('assets/lato-v16-latin-regular.woff') format('woff'); 
  }

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'),
         url('assets/lato-v16-latin-700.woff2') format('woff2'), 
         url('assets/lato-v16-latin-700.woff') format('woff'); 
}
  
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'),
         url('assets/lato-v16-latin-900.woff2') format('woff2'), 
         url('assets/lato-v16-latin-900.woff') format('woff');
}

*{
    margin: 0;
    padding: 0;
}
body{
    width: 1020px;
    margin: 0 auto;
    font-family: 'Lato', sans-serif;
}
header{
    width: 100%;
    height: 89px;
    background-color: #2d303a;
    color: white;
}

.logo{
    font-size: 25px;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
    line-height: 20px;
}
.header-bottom{
    width: 1020px;
    height: 6px;
    background-color: #323746;
}
.header_content{
    width: 940px;
    height: 30%;
    margin: 0 auto;
    padding: 34px 40px;
}
.header_content p,nav{
    display: inline-block;
}
.header_content nav{
    float: right;
    font-size: 12px;
}
.header_content nav ul li{
    display: inline-block;
    margin-left: 23px;
    line-height: 25px;
    font-weight: 700;
    cursor: pointer;
}
.header_content nav ul li:hover {
    color: rgb(240,108,100);
}
.header_content ul li:not(:first-child)::before {
    content: ".";
    position: relative;
    bottom: 3px;
    left: -13px;
    font-weight: 400;
    font-size: 19px;
    font-family: Lato, sans-serif;
    color: rgb(63,67,83);
}

.disp_flex{
 display: flex;
 align-items: center   
}

/*----------------------------------------------------------*/

section{
    width: 100%;
    height: 594px;
    background-color: rgb(240,108,100);
    position: relative;
}
.section-bottom{
    width: 1020px;
    height: 6px;
    background-color: #ea676b;
}
.left-arrow{
    position: absolute;
    top: 278px;
    left: 2px;
}
.right-arrow{
    position: absolute;
    top: 280px;
    right: 0;
}
.arrow:hover{
    opacity: .7;
    cursor: pointer;
}
.vertical_phone{
    width: 217px;
    height: 529px;
    margin-top: 53px;
    margin-left: 70px;
}
.horizontal_phone{
    height: 321px;
    width: 524px;
    margin-top: 121px;
    margin-left: 73px;
}


/*----------------------------------------------*/
.wrapper{
    width: 940px;
    margin: 0 auto;
    position: relative;
}

.service-block{
    width: 100%;
    height: 493px;
    background-color: #f2f2f2;
}
.service_upperpart{
    padding-top: 68px;
}
.service_upperpart h1{
    font-size: 30px;
    line-height: 18px;
    color: #666d89;
    font-weight: 900;
    letter-spacing: 0.3px;
}
.service_upperpart p{
    width: 940px;
    height: 57px;
    font-size: 18px;
    line-height: 30px;
    color: #767e9e;
    text-align: justify;
    padding: 28px 0;
    letter-spacing: -0.23px;
}
.service_lowerpart{
    display: flex;
    margin-top: 18px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.service:nth-child(-n+3){
    margin-bottom: 28px;
}
.imgdiv{
    height: 93px;
    float: left;
    margin-right: 18px;
    padding-top: 2px;
}
.service_info h2{
    font-size: 18px;
    color: #666d89;
    font-weight: 900;
    letter-spacing: 0.3px;
}
.service_info p{
    width: 300px;
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    color: #767e9e;
    font-weight: 400;
    padding-top: 7px;
}