/* ============================================
LAYOUT.CSS - Structure & Positioning Only
============================================ */

body {
text-align: center;
color: #333;
font-size: 1.45em;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0;
padding: 0;
}


#page {
text-align: left;
width: 100%;
max-width: 900px;
background: url('../imgs/trundle_bnr.png')no-repeat left top;
background-size: contain;
border: dotted rgb(243, 238, 228) 0.15em;
margin: 0 auto 2em auto;
padding:0;

}

#content_wrap {
position: relative;
background: none;
margin:0;
padding:0;
}

#text {
float: right;
width: 75%;
max-width: 600px;
margin: 7em 0.5em 2em 0;
}

.clear_both {
clear: both;
}

h1, h2, h3 {
display: inline;
}

#domain_nm {
font-size: 2em;
font-weight: 600;
color: rgb(72, 41, 107);
margin: 0.5em 0 0 0.15em;
text-shadow: 0.15em 0.15em 0.25em rgba(0, 0, 0, 0.4);
}

p {
margin: 8px 0;
line-height: 1.75em;
}

/* ============================================
MOBILE LAYOUT
============================================ */

@media screen and (max-width: 768px) {
#text {
    font-size:120%;
width: 76%;
margin: 22vw 2% 26px 2%;
padding: 0;
}
p {
line-height: 1.5em;
}
}

@media screen and (max-width: 480px) {
#text {
width: 92%;
margin: 13vw 2% 20px 2%;
}
p {
line-height: 1.5em;
}
}