/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: local('Comfortaa Light'), local('Comfortaa-Light'), url(../../../../external/fonts.gstatic.com/s/comfortaa/v7/r_tUZNl0G8xCoOmp_JkSChUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2'), url(../../../../external/fonts.gstatic.com/s/comfortaa/v7/r_tUZNl0G8xCoOmp_JkSCha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../../../../external/fonts.gstatic.com/s/lato/v11/7nLfsQCzhQW_PwpkrwroYw.woff2) format('woff2'), url(../../../../external/fonts.gstatic.com/s/lato/v11/I1Pn3gihk5vyP0Yw5GqKsQ.woff) format('woff');
}

.my_header, .my_subheader{
    font-family: Lato;
    line-height: 1em;
}

.my_header{
    font-size: 50px;
}

.my_subheader{
    font-size: 28px;
    margin: 1em 0;
}

@media only screen and (max-width: 767px) {
    header nav {
        display: none;
    }
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
    .my_header{
        margin: 3em 0 0;
    }
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
    .my_header, .my_subheader{
        text-align: center;
    }  
  
    .my_header{
        font-size: 42px;
        margin: -1.5em 0 0;
    }
    
    #top_div .avia_image{
        display: none;
    }
}