/*Global Styles*/

html {
    background-color:#f7f2ed;
}

/* header {
    border-style:solid;
    border-color:fuchsia; 
} */

body {
    /* border-style:solid;
    border-color:aqua; */
    width:90%;
    margin:auto;
}

section {
    /* border-style:solid;
    border-color:coral; */
    margin:auto;
}

aside {
    /* border-style:solid;
    border-color:forestgreen; */
    margin:auto;
}

div {
    /* border-style:solid;
    border-color:cornflowerblue; */
}

.embed-container iframe {
	width:100%;
	min-height:500px;
}

p {
 padding:0;   
}

footer {
    /* border-style:solid; */
    background: #34495e;
    clear:both;
    height:4em;
    text-indent:.5em;
    padding-top:1em;
    border-bottom-left-radius:1em;
    border-bottom-right-radius:1em;
}

/*Start Desktop Styles*/

@media all and (min-width:1280px) {
    
    .logo-h1 {
        display: block;
        width: 720px;
        height: 96px;
        background: url(../images/logolg.gif) no-repeat;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        /*border-radius:2em;*/
        border-top-left-radius:2em;
        border-top-right-radius:2em;
        background-color:#f0ffff;
        margin-top:1em;
    }
    
    section {
        float:left;
        width:53%;
    }
    
    aside {
        float:right;
        width:30%;
    }  
    
    .viewerdesk iframe {
        width:100%;   
    }
    
    .viewermobile iframe {
        display:none;   
    }
    
    .front-right {
        position:relative;
        left:2em;
    }
    
    .front-left {
        position:relative;
        right:2em;
    }
}

/*End Desktop Styles*/

/*Start Tablet Styles*/

@media all and (min-width:481px) and (max-width:1280px) {
    .viewerdesk .viewermobile {
        display:none;   
    }

    .logo-h1 {
        display: block;
        width: 420px;
        height: 63px;
        background: url(../images/logomd.gif) no-repeat;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        border-radius:1.2em;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        background-color:#f0ffff;
        margin-top:.65em;
    }
}

/*End Tablet Styles*/

/*Start Mobile Styles*/

@media all and (max-width:480px) {
    body{
        width:99%;
        margin:auto;
    }
    
    
    .logo-h1 {
        display: block;
        width: 500px;
        height: 48px;
        background: url(../images/logo.gif) no-repeat;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        background-color:#f0ffff;
    }
    
    section {
        width:100%;
        margin:auto;
        
    }
    
    .viewerdesk iframe {
        display:none;   
    }  
    
    .viewermobile iframe {
        width:100%;   
    }
    
    footer {
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
    }

    
}

/*End Mobile Styles*/