/* Copyright (c) 2017 Roland Horváth. All Rights Reserved. */

body {
    margin: 0;
    padding: 0;
    font-family: 'Rutan';

    scroll-behavior: smooth;

    /*background: url('https://cdn.rolandhorvath.hu/site/assets/images/other/template.png');*/
    background-position: top center;
    background-repeat: no-repeat;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

p {
    margin: 0;
}

::selection {
    color: #fff;
    background-color: #0097FF;
    text-shadow: none
}

/* Content */

#wrapper {
    /*height: 10000px;*/
    /*opacity: 0.5;*/
}

/* Sections */

.section {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.section .content {
    max-width: 916px;
    height: 100%;

    margin: 0 auto;
    padding: 72px 54px;
}

.section .title {
  color: #fff;
  font-family: 'Rutan';
  font-size: 34px;
  height: 34px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -0.82px;
}

/*.section.separated::after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #7d7d7d;
    opacity: 0.5;
    bottom: 0;
    margin-left: 264px;
}*/

.section .separator {
    max-width: 916px;
    height: 2px;
    margin: 0 auto;
    padding: 0 54px;

		margin-top: -12px;
		margin-bottom: -8px;
}

.section .separator:before {
    content: '';
    display: block;
    width: 64px;
    height: 2px;
    background-color: #9EA6AE;
    opacity: 0.66;
    bottom: 0
}

[data-link] {
    cursor: pointer;
}

/*@media (max-width: 680px) {
    .section .content {
        padding: 64px 32px;
    }

    body {
        zoom: 0.9;
    }
}

@media (max-width: 400px) {
    .section .content {
        padding: 48px 24px;
    }

    body {
        zoom: 0.8;
    }
}*/


@media (max-width: 680px) { 
    
    .section .content {
        padding: 48px 48px;
    }

    .section .separator {
        padding: 0 48px;
    }
}


@media (max-width: 520px) {
    
    .section .content {
        padding: 24px 24px;
    }

    .section .separator {
        padding: 0 32px;
    }

}

@media (max-width: 490px) {

    .section .title {
        font-size: 28px !important;
    }
}