/* Version       :  1.0 Author        :  HexFa Author URI    :  http://HexFa.com Author Email  : Info@HexFa.com */ @media only screen and (max-width: 992px) { h1 { font-size: 45px; } h2 { font-size: 27px; } .close-btn { width: 30px; height: 30px; background: url(../images/icon/close_sm.png); background-size: cover; } .image-container { height: 500px; position: relative; } .content-container { left: 0; } .main-heading { top: 50%; transform: translateY(-50%); } } @media only screen and (max-width: 768px) { h1 { font-size: 36px; } h2 { font-size: 18px; } .heading h3 { font-size: 13px; } .main-heading h1:after { width: 250px; } .story-content div { margin-top: 20px; } .education-container:before, .experience-container:before { display: none; } .education-content, .experience-content { width: 100%; margin-left: 0; } .education-content h3, .experience-content h3 { text-align: center; } .education-content h3:before, .experience-content h3:before { display: none; } .google-map { height: 500px; } } @media only screen and (max-width: 480px) { .intro-content h1 { font-size: 30px; } .intro-content h2 { font-size: 20px; } .main-heading { padding-left: 20px; } .main-heading h1:after { height: 3px; } .image-container { height: 300px; } .story-content div a { display: block; float: none; margin: 5px; } .contact-form button { width: 100%; } .project .buttons a { width: 30px; height: 30px; line-height: 30px; margin: 0; font-size: 12px; } }