* { margin: 0px; padding: 0px; box-sizing: border-box; }
html, body { font-family: 'Tahoma', Arial, sans-serif; font-size: 16px; color: #fff; }
input, select, textarea { font-family: 'Tahoma', Arial, sans-serif; font-size: 16px; color: #fff; }
body { background: #0f163a; }
img { border: 0px; display: block; max-width: 100%; }
a, input { outline: none; text-decoration: none; transition: ease-in 0.3s; -webkit-transition: ease-in 0.3s; }
.clear { clear: both; height: 0px; overflow: hidden; }
[href^="tel"] { cursor: default; color: #fff !important; }
[href^="tel"]:hover { text-decoration: none; }
p { margin-bottom: 20px; font-size: 16px; line-height: 23px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 40px;line-height: 48px; }
h1 { color: #e73a28; text-align: left; padding-bottom: 110px; }
h2 { color: #1567d7; text-align: right; }

input, button, select, textarea { border: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } 

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { margin: 120px auto 0; width: 100%; max-width: 1430px;}

#left { width: 47%; float: left; padding: 0 8%; }
#right { margin-top: -75px; width: 40%; float: right; }
a.button { text-align: right; float: right; border: 1px solid #fff; color: #fff; padding: 10px 75px; margin-top: 25px; margin-bottom: 110px; display: block; border-radius: 4px; }
a.logo { display: block; margin-bottom: 40px;}


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

    h1 { padding-bottom: 50px; }
    #layout { margin-top: 50px; }
    #left { width: 100%; float: none; }
    a.button { margin-bottom: 50px; }

}

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

    #right { width: 75%; }
}

@media only screen and (max-width: 600px) {
    
    h1, h2 { font-size: 26px; line-height: 32px; }
    h1 { padding-bottom: 10px; }
    #right { width: 100%; float: none; }
    
}