@font-face {font-family:'Titillium Web';src: url('../fonts/Titillium/TitilliumWeb-Regular.ttf') format('truetype'),url('../fonts/Titillium/TitilliumWeb-Regular.woff2') format('woff');}
        @font-face {font-family:'HelveticaNeueLTPro-BdCn';src: url('../fonts/Helvetica/280CCE_0_0.eot');src: url('../fonts/Helvetica/280CCE_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica/280CCE_0_0.woff') format('woff'),url('../fonts/Helvetica/280CCE_0_0.ttf') format('truetype');}
        @font-face {font-family:'GoodKarma-Regular';src:url('../fonts/GoodKarma/347D50_4_0.eot');src:url('../fonts/GoodKarma/347D50_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/GoodKarma/347D50_4_0.woff2') format('woff2'),url('../fonts/GoodKarma/347D50_4_0.woff') format('woff'),url('../fonts/GoodKarma/347D50_4_0.ttf') format('truetype');}

        *{margin:0 auto;padding:0;}
        .wrap{width:100%;max-width:960px;}
        h1{width:100%;font-size:30px;line-height:40px;font-family:'HelveticaNeueLTPro-BdCn';font-weight:100;}
        .content{font-size:18px;line-height:23px;}
        .Greetings{width:calc(100% - 12px);border:dotted 1px #ccc;padding:5px;}
        .box{border:double 3px #ccc;padding:10px;width:clac(100% - 26px);border-radius:10px;margin:10px 0;}
        .box:hover{background-color:bisque;}
        .theName{font-size:20px;line-height:25px;border-bottom:solid 1px #ccc;padding-bottom:5px;margin-bottom:5px;font-family:'HelveticaNeueLTPro-BdCn';}
        .GreetingsText{font-size:17px;line-height:20px;padding-bottom:5px;margin-bottom:5px;font-family:'Titillium Web';}
        form{margin:20px 0;display:block;text-align:center;}
        form input{width:78%;line-height:25px;margin-bottom: 10px;padding:1%;font-family:'Titillium Web';font-size:20px;}
        form textarea{width:78%;line-height:25px;padding:1%;font-family:'Titillium Web';font-size:20px;}
        img{max-width:100%;}