@font-face {
    font-family: SaolDisplay-Light;
    src: url(fonts/SaolDisplay-Light.ttf);
}
@font-face {
    font-family: Nexa_light;
    src: url(fonts/Nexa_Bold.otf);
}
@font-face {
    font-family: WhitneyHTF-Black;
    src: url(fonts/WhitneyHTF-Black.ttf);
}
@font-face {
    font-family: WhitneyHTF-Book;
    src: url(fonts/WhitneyHTF-Book.otf);
}
.section-main-content{
    overflow: hidden;
}
#wrapper{

  min-width: 700px;
  overflow: hidden;
}
#second_item{
    width: 100%;
    /*height: 600px;*/
    /*background-color:#fafafa;*/
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}
#app_icon{
    margin-top: 50px;
    width: 80px;
    height: 80px;
    position: relative;
    left: 50%;
    margin-left: -40px;
    filter: drop-shadow(5px 5px 8px rgba(0,0,0,0.14));

    -webkit-filter: drop-shadow(5px 5px 8px rgba(0,0,0,0.14));

    border-radius: 10px;
    overflow: hidden;;
}
#app_icon_img{
    margin: 10px;
}
#title_header{
    padding: 21px 0 20px 0;

}
.section{
    text-align: center;
}
.typography-headline-super-bold {
    font-size: 40px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -.015em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-family: Nexa_Light;
}
.typography-intro-hero {
    font-size: 23px;
    line-height: 1.34783;
    font-weight: 400;
    letter-spacing: .01em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.section-intro-hero-copy {
    margin-top: 12px;
    margin-bottom: 42px;
    padding: 0 10%;
}
[class*="typography-intro"] {
    color: #333;
}
/*p {
    font-weight: 600;
}*/
.section-content .hero-wrapper button {
    padding: 15px 26px;
    border-radius: 65px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fc355a), to(#e53052));
    background: -webkit-linear-gradient(#fc355a, #e53052);
    background: linear-gradient(#fc355a, #e53052);
    background-color: #fc355a;
    border-color: #ee3255;
}
html.trial-support .button-trial-download, html.trial-support #ac-localnav .button-trial-download {
    display: inline-block;
}
.button-trial-download, #ac-localnav .button-trial-download {
    display: none;
}
.button-pill {
    font-size: 17px;
    line-height: 1.17649;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    border-radius: 18px;
    padding: 7px 17px;
}
.button {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    background-color: #0070c9;
    background: -webkit-gradient(linear, left top, left bottom, from(#42a1ec), to(#0070c9));
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border-color: #07c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    white-space: nowrap;
}
p+*, ul+*, ol+* {
    margin-top: .8em;
}
body, input, textarea, select, button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: left;
}
button {
    background: none;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: inherit;
}
.section-content #section_three{
    width: 651px;
    margin-top: 84px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.typography-headline-elevated-bold {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 700;
    letter-spacing: -.009em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.section-content #section_three span:first-child {
    display: inline-block;
    padding: 0 100px;
}
.section-content #section_three mark {
    background: transparent;
    color: #fd345a;
}
#main_section_two{
    width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#f7eef1), to(#fff));
    background: -webkit-linear-gradient(top, #f7eef1, #fff);
    background: linear-gradient(to bottom, #f7eef1, #fff);
}
#top_item{
    width: 100%;
    height: 140px;
    /*background-color: black;*/
    position: relative;
}

#port_image{
    width: 80%;
    height: 100%;
    background-image: url('../img/portfolio/mix.jpg');
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
}
#welcome{
    width: 100%;
    text-align: center;
    /*color: white;*/
    font-family: WhitneyHTF-Black;
    font-size: 30px;

    position: relative;
    height: 30px;
}
#welcome_sub{
    width: 100%;
    text-align: center;
    /*color: white;*/
    font-family: WhitneyHTF-Book;
    font-size: 20px;
    margin-top: 10px;
    height: 20px;
    position: relative;

}
#article_item:after {
    content: "";
    display: block;
    width: 250px;
    margin: 50px auto 0;
    border-top: 1px solid #ddd;
}
.break{

    content: "";
    display: block;
    width: 250px;
    margin: 50px auto 0;
    border-top: 1px solid #ddd;
}