body{font-family: 'Verdana', sans-serif; color: #000000; text-align: center;}
.logo{font-weight: bold; font-size: 20px; line-height: 24px; margin-top: 50px;}
.logo span{font-weight: normal; font-size: 16px;display: block;}
h1{font-weight: bold; font-size: 48px; line-height: 44px; margin: 80px auto;}
.contact{font-size: 24px; line-height: 24px;}
.contact p{margin-bottom: 30px;padding: 0 15px;}
.contact b{padding-bottom: 18px; display: inline-block;}
.contact a{color: #000000; text-decoration: none;}
.contact a:hover{text-decoration: underline;}

/*  X-Small devices (portrait phones, less than 576px)*/
/*  No media query for `xs` since this is the default in Bootstrap*/

/*  Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .logo{font-size: 48px; line-height: 48px;margin-top: 100px;}
    .logo span{font-size: 36px;}
    h1{font-size: 96px; line-height: 96px; margin: 200px auto;}
    .contact{font-size: 36px; line-height: 36px;}
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*  X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    h1{max-width: 1350px;}
}