.logcontent {
    width:400px;
    float: left;
    margin: 0;
    position: absolute;
    top: 50% !important;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);    
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#ccc;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}
input[type=text], input[type=password] {
    width: 100%;
    padding: 7px 10px;
    margin: 8px 0;
    display: inline-block;
    border: none;
    border-bottom: 1px solid #808080 !important;
    box-sizing: border-box;
    border-radius: 0 !important;
}
button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 12px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 49%;
    float: right;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.19);
}
button[type="reset"] {
    background-color: #ff9900;
    float: left;
    text-align: center;
}
button:hover {
    opacity: 0.8;
}
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #ff6a00;
}
.imgcontainer {
    text-align: center;
    margin: 14px 0 2px 0;
    font-family: 'bauhaus';
    font-size: 2.7em;
    color: #ff9900;
    text-shadow: 1px 1px 2px #fcfcfc, 0 0 2px #fafafa, 0 0 2px #fafafa;
}
.container .cap {
    width: 50%;
    float: left;
}
.editor-label a span {
    top: 3px;
    color: #FF7600;
}
.field-validation-error {
    color: #ff0000 !important;
}
a {
    color: #808080;
    text-shadow: 1px 1px 2px #fcfcfc, 0 0 2px #fafafa, 0 0 2px #fafafa;
}
    a:hover {
        color: #808080;
        font-weight: 700;
    }
/* Media Query  for  all devices */
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    .imgcontainer {
        font-size: 2.3em;
    }
    .logcontent {
        width:75%;
        float: left;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .logcontent {
        width: 90%;
        float: left;
    }
    .imgcontainer {
        font-size: 2em;
    }
}