body {margin:0; padding:0; font-family: 'Mulish', sans-serif;

background: linear-gradient(to top, #C9D6FF, #E2E2E2);

box-sizing:border-box; padding-top:80px;

}



.wrapper {

    width:100%;

    max-width:920px;

    min-width:280px;

    margin:0px auto;

    padding:0 20px;

    box-sizing: border-box;

}



.wrapper-page {

    display:block;

    padding:50px;

    margin-left:50px;

    background:#fff;

    border-radius:6px;

    box-shadow: 0 30px 50px rgba(0,0,0,0.1);

    position: relative;

    

}



nav {

    display:inline-block;

    position:absolute;

    top:20px;

    right:20px;

   
}

nav div {

    display: inline-block;

    width:34px;

    height:34px;

    line-height:34px;

    text-align: center;

    

}





nav a:hover {background-color: rgb(238, 75, 75); cursor:pointer;}



nav div a { display: inline-block;

    width:34px;

    height:34px;

    line-height:34px;

    background:#bbb;

    border-radius:40%;

    transition:0.5s;
    
    color:#fff; 
    
    text-decoration: none;}



.photo {

    box-shadow: 0  30px 80px rgba(0,0,0,0.3);

    width: 200px;

    height: 200px;

    overflow: hidden;

    border-radius:50%;

    position:relative;

    right:50px;

}



.header {

    display: flex;

    position:relative;

    right:50px;

}



.links {

    display:flex;

    width:60%;

    margin:60px auto;

    justify-content: space-around;

    transition:0.5s;

}



.links a {

    display:block;

    width:24px;

    height:24px;

    opacity:0.3;

    transition:0.5s;

}



.links a:hover {

    opacity:0.8;

}



.facebook {background:url(fb.svg);}

.twitter {background:url(twitter.svg);}

.linkedin {background:url(linkedin.svg);}



 h1 {

    font-size:4rem;

    font-weight:200;

    margin-bottom:0px;

}



h5 {font-size:16px;}

h5 span {font-weight:300; font-size:14px;}

.subtitle {

    font-size:1.5rem;

    color:rgb(238, 75, 75);



}



.main-text {

    font-size: 1rem;

    line-height: 1.8rem;

    color:#333;

}



.companies {

    display:flex;

    flex-wrap:wrap;

    list-style:none;

    margin:0;

    padding:0;

    justify-content: space-between;

}



.companies li {

    display:flex;

    width:20%;

    height:100px;

    align-items: center;

}



.companies li img {

    width:100%;

}



footer {padding:30px; text-align:center; font-size:14px; color:#555;}









@media only screen and (max-width:748px){

    .wrapper-page {margin-left:0px;}

    .header {text-align:center; right:0; flex-direction:column;}

    .photo { right:0; margin:auto;}

    .companies li {width:40%;}

}