.arts
{
    font-size: 0px !important;
    //font-size: 0px !important;
    //line-height: 0px !important;
    line-height: 0px !important;
    color: transparent !important;
    //color: transparent !important;
}

/*
================================================================================
|                                     TAGS                                     |
================================================================================

#test p {
    opacity: 0;
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}​


*/
body
{
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
}

a
{
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

ul
{
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
    list-style-type: disc;
    list-style-position: outside;
}

li
{
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

h1,h2,h3,h4,h5,h6
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    color: #DCDCDC;
    margin: 0px;
    padding: 0px;
}

p,div.ESWuserTable TD
{
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

/*
================================================================================
|                                    HEADER                                    |
================================================================================
*/
#ESWpageTitle,#ESWpageTagline
{
    z-index: 100;
}

#ESWpageTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #FCFDFC;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 481px;
    top: 50px;
    width: 440px;
}

#ESWpageTitle p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    color: #efefef;
}

#ESWpageTagline
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #FCFDFC;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 483px;
    top: 95px;
    width: 440px;
}

#ESWpageTagline p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: normal;
    color: #efefef;
}

/*
================================================================================
|                                     MENU                                     |
================================================================================
*/
#ESWuserMenuPosition
{
    position: absolute;
    left: 28px;
    top: 262px;
    z-index: 100;
    width: 840px;
}

#ESWuserMenu
{
    position: static;
    width: auto !important;
    overflow: hidden  !important;
}

div.ESWuserButton0
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-style: none;
    font-weight: normal;
    color: #c6a556;
    cursor: pointer;
    height: 30px;
    line-height: 32px;
    padding-left: 34px;
    margin: 2px 0px 2px 0px;
    text-decoration: none;
    background-image: url("/ESW/Images/buton0_a.png");
    background-repeat: no-repeat;
    float: left !important;
    -display: inline !important;
    width: 120px;
    padding: 0px 0px 0px 34px;
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ESW/Images/buton0_a.png',sizingMethod='crop') !important;
    -background-image: none !important;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-top: 2px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: left;
    border: 0px none;
}

div.ESWuserButton0:hover
{
    background-image: url("/ESW/Images/button0_p.png");
    background-repeat: no-repeat;
    color: #006600;
    height: 30px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: none;
    text-decoration: none;
    padding: 0px 0px 0px 34px;
    margin: 2px 0px 2px 0px;
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ESW/Images/button0_p.png',sizingMethod='crop') !important;
    -background-image: none !important;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-top: 2px;
    padding-left: 34px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 120px;
    text-align: left;
    border: 0px none;
}

div.ESWuserButton1
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-style: none;
    font-weight: bold;
    color: #c6a556;
    cursor: ;
    height: 33px;
    line-height: ;
    padding-left: ;
    margin: 2px 0px 2px 0px;
    text-decoration: none;
    background-repeat: no-repeat;
    float: left !important;
    -display: inline !important;
    width: 120px !important;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-top: 2px;
}

div.ESWuserButton1:hover
{
    background-image: url(/ESW/Images/button0_p.png);
    background-repeat: no-repeat;
    color: #bbbbbb;
    width: 140px;
}

/*
================================================================================
|                                    CONTENT                                   |
================================================================================


.ESWuserButtonActive div
{
    height: 30px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: none;
    text-decoration: none;
    text-align: left;
    padding: 0px 0px 0px 34px;
    margin: 2px 0px 2px 0px;
    border: 0px none;
    background-image: url("img/button0_p.png");
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/button0_p.png',sizingMethod='crop') !important;
    -background-image: none !important;
    color: #003300;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-top: 2px;
    padding-left: 34px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 100px;
}

*/
.ESWpageContent
{
    padding: 0px;
    position: absolute;
    left: 277px;
    top: 189px;
    width: 426px;
}

.ESWpageContent1
{
    padding: 0px;
    position: absolute;
    left: 277px;
    top: 231px;
    width: 426px;
}

.ESWpageContent2
{
    padding: 0px;
    position: absolute;
    left: 277px;
    top: 395px;
    width: 426px;
}

.ESWpageContent3
{
    padding: 0px;
    position: absolute;
    left: 277px;
    top: 436px;
    width: 426px;
}

/*
================================================================================
|                                    DESIGN                                    |
================================================================================
*/
.bg_line
{
    background: #4c5f73;
    background-color: #040204;
}

#grey
{
    background-image: url(img/bgr.jpg);
    background-repeat: repeat-y;
    width: 900px;
    height: 572px;
}

#main_bg_1
{
    position: absolute;
    left: 9px;
    top: 8px;
    width: 881px;
    height: 160px !important;
}

#white
{
    position: absolute;
    background-color: #FFFFFF;
    left: 0px;
    top: 0px;
    width: 900px;
    height: 8px;
}

#palette_logo
{
    position: absolute;
    left: 42px;
    top: 26px;
    width: 260px;
    height: 111px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background: url(/ESW/Images/logo.png) no-repeat scroll center center #040204;
}

#logo_shadow
{
    position: absolute;
    left: -130px;
    top: 8px;
    width: 1020px;
    height: 160px;
    background: url(img/logo_shadow.png) no-repeat;
}

#main_bg_2
{
    position: absolute;
    left: 17px;
    top: 180px;
    width: 234px;
    height: 382px !important;
}

#menu_shadow
{
    position: absolute;
    left: 9px;
    top: 168px;
    width: 281px;
    height: 413px;
    background: url(img/menu_shadow.png) no-repeat;
}

#img_1
{
    background: url(img/img_1.jpg) no-repeat;
    position: absolute;
    left: 720px;
    top: 237px;
    width: 154px;
    height: 116px;
}

#img_2
{
    background: url(img/img_2.jpg) no-repeat;
    position: absolute;
    left: 720px;
    top: 440px;
    width: 154px;
    height: 116px;
}

/* TABLE PART START */
div.ESWuserTable
{
    height: 93px;
}

div.ESWuserTable TABLE
{
    border: 1px solid black;
    border-collapse: collapse;
}

div.ESWuserTable TD
{
    border: 1px solid black;
}

/* TABLE PART END */
#header
{
    background-color: #040204;
}

#box2
{
    background-color: white;
}

.line
{
    background-color: #D4D6D4;
}

#myBtn
{
    display: none;
/* Hidden by default */
    position: fixed;
/* Fixed/sticky position */
    bottom: 20px;
/* Place the button at the bottom of the page */
    right: 30px;
/* Place the button 30px from the right */
    z-index: 99;
/* Make sure it does not overlap */
    border: none;
/* Remove borders */
    outline: none;
/* Remove outline */
    background-color: #929978;
/* Set a background color */
    color: white;
/* Text color */
    cursor: pointer;
/* Add a mouse pointer on hover */
    padding: 15px;
/* Some padding */
    border-radius: 10px;
/* Rounded corners */
    font-size: 18px;
/* Increase font size */
}

#myBtn:hover
{
    background-color: #555;
/* Add a dark-grey background on hover */
}

.ESWuserButtonActive div
{
    height: 30px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: none;
    text-decoration: none;
    text-align: left;
    padding: 0px 0px 0px 34px;
    margin: 2px 0px 2px 0px;
    border: 0px none;
    background-image: url("/ESW/Images/buton0_a.png");
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ESW/Images/buton0_a.png',sizingMethod='crop') !important;
    -background-image: none !important;
    color: #c6a556;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-top: 2px;
    padding-left: 34px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 120px;
}

<style>
    body, html {
        text-align: center;
        font-size: 90px;
        font-family: Poiret One;
        height: 100%;
        background: -webkit-linear-gradient(315deg, #723362, #9d223c);
        background: linear-gradient(135deg, #723362, #9d223c);
        overflow: hidden;
        color: white;
    }

    .letter {
        position: relative;
        top: -webkit-calc(50% - 60px);
        top: calc(50% - 60px);
        text-shadow: 0px 0px 3px white;
    }
    .letter:nth-child(1) {
        -webkit-animation: fade 4s infinite 200ms;
        animation: fade 4s infinite 200ms;
    }
    .letter:nth-child(2) {
        -webkit-animation: fade 4s infinite 400ms;
        animation: fade 4s infinite 400ms;
    }
    .letter:nth-child(3) {
        -webkit-animation: fade 4s infinite 600ms;
        animation: fade 4s infinite 600ms;
    }
    .letter:nth-child(4) {
        -webkit-animation: fade 4s infinite 800ms;
        animation: fade 4s infinite 800ms;
    }
    .letter:nth-child(5) {
        -webkit-animation: fade 4s infinite 1000ms;
        animation: fade 4s infinite 1000ms;
    }
    .letter:nth-child(6) {
        -webkit-animation: fade 4s infinite 1200ms;
        animation: fade 4s infinite 1200ms;
    }
    .letter:nth-child(7) {
        -webkit-animation: fade 4s infinite 1400ms;
        animation: fade 4s infinite 1400ms;
    }
    .letter:nth-child(8) {
        -webkit-animation: fade 4s infinite 1600ms;
        animation: fade 4s infinite 1600ms;
    }
    .letter:nth-child(9) {
        -webkit-animation: fade 4s infinite 1800ms;
        animation: fade 4s infinite 1800ms;
    }
    .letter:nth-child(10) {
        -webkit-animation: fade 4s infinite 2000ms;
        animation: fade 4s infinite 2000ms;
    }
    .letter:nth-child(11) {
        -webkit-animation: fade 4s infinite 2200ms;
        animation: fade 4s infinite 2200ms;
    }
    .letter:nth-child(12) {
        -webkit-animation: fade 4s infinite 2400ms;
        animation: fade 4s infinite 2400ms;
    }
    .letter:nth-child(13) {
        -webkit-animation: fade 4s infinite 2600ms;
        animation: fade 4s infinite 2600ms;
    }
    .letter:nth-child(14) {
        -webkit-animation: fade 4s infinite 2800ms;
        animation: fade 4s infinite 2800ms;
    }
    .letter:nth-child(15) {
        -webkit-animation: fade 4s infinite 3000ms;
        animation: fade 4s infinite 3000ms;
    }
    .letter:nth-child(16) {
        -webkit-animation: fade 4s infinite 3200ms;
        animation: fade 4s infinite 3200ms;
    }
    .letter:nth-child(17) {
        -webkit-animation: fade 4s infinite 3400ms;
        animation: fade 4s infinite 3400ms;
    }
    .letter:nth-child(18) {
        -webkit-animation: fade 4s infinite 3600ms;
        animation: fade 4s infinite 3600ms;
    }
    .letter:nth-child(19) {
        -webkit-animation: fade 4s infinite 3800ms;
        animation: fade 4s infinite 3800ms;
    }
    .letter:nth-child(20) {
        -webkit-animation: fade 4s infinite 4000ms;
        animation: fade 4s infinite 4000ms;
    }
    .letter:nth-child(21) {
        -webkit-animation: fade 4s infinite 4200ms;
        animation: fade 4s infinite 4200ms;
    }
    .letter:nth-child(22) {
        -webkit-animation: fade 4s infinite 4400ms;
        animation: fade 4s infinite 4400ms;
    }
    .letter:nth-child(23) {
        -webkit-animation: fade 4s infinite 4600ms;
        animation: fade 4s infinite 4600ms;

    }

    @-webkit-keyframes fade {
        50% {
            opacity: 0.02;
        }
    }

    @keyframes fade {
        50% {
            opacity: 0.02;
        }
    }
</style>


<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
@media screen and (min-width : 750px) {
#content{float:left;width:60%;}
#sidebar{float:right;width:35%}
} 

@media screen and (min-width : 481px) and (max-width : 749px) {
#content{width:95%;}
#sidebar{width:95%;}    
}
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small-device.css" />

img {
    max-width: 100%;
}
iframe, object, embed{
width: 100%;
}