/* BEGIN GENERIC CSS */


h1 {    font-size:60px; 
        line-height: 100%; 
        letter-spacing: 3px;
        text-align: left;
        position:relative;
        left:80px;
        margin-top:0px;
            
    }
h2  {  
        font-size:110%; 
        line-height: 100%; 
        letter-spacing: .2px;
        text-align: left;
        position:relative;
        left:85px;
        font-family: "arial", Garamond, 'Comic Sans';
        padding-top: 0px;
        margin-bottom: -30px;}

.smallerc { color:#7f007f;
            font-size: 12px;
        }

.smallerc a{ text-decoration: underline; }

footer { background:#6f2e83;
        color:#f1bbf8;
        width: 100%;
        align-content: center;
        align-self: center;
        align-items: center;
        text-align: center;
    
     position:absolute;
  bottom:0;
  width:100%;
  height:60px;   /* Height of the footer */
   min-width:1100px;
          
}



a {color:#7f007f;}
.headgay a:hover {text-decoration: none;} 
.headgay h1 { 
    position: relative;
    top:0px;
    text-align: center;
}
            
.paddd { padding-bottom: 10px}


.input_wide {    width:90%; 
                max-width: 600px;
                position :relative;
                margin-left: auto;
                margin-right: auto;
                }

.shareaway {
    margin-bottom: -20px;
}

.smallonly {    color:#f1bbf8;

}

#socialDiv{
    margin-bottom:0px;
    margin-top:0px;
    
}


.logo { width:135px; 
        height:120px;
        position:relative;
        top:100px;
        right:35px
}

#autorefresh {
    color:#7f007f;
    font-family: "calibri", Garamond, 'Comic Sans';
    font-size:  40px;   
    font-weight: bold;
    width: 80%;
}

<!--
.ads {  position: relative;
        top: 0px;
        margin-top:0px;
        height:100px;
        width:320px; 
}

-->

.ads1 {  position: relative;
        top: 110px;
        margin-top:0px;
        margin-bottom:10px;
        height:150px;
        width:300px; 
       
}



.ads2 {  position: relative;
        top: 170px;
        margin-top:0px;
        margin-bottom: 10px;
        height:150px;
        width:320px; 
        
}

.ads3 {  position: relative;
        top: 160px;
        height:150px;
        width:320px; 
        margin-bottom: 30px;
       
}



.ads4 {  position: relative;
        top: 160px;
        margin-bottom: 20px;
        height:150px;
        width:320px; 
     
}


.ads5 {  position: relative;
        top: 140px;
        margin-bottom: 20px;
        height:150px;
        width:320px; 
        margin-bottom: 30px;
       
}

.ads6 {  position: relative;
        top: 120px;
        height:150px;
        width:320px; 
      
}
.ads7 {  position: relative;
        top: 160px;
        
        height:150px;
        width:320px; 
        margin-bottom: 40px;
      
}

.ads_mobile {  position: relative;
        height:270px;
        width:300px; 
        margin:0;
        padding: 0;
        
}

.ads_medium {  position: relative;
        height:330px;
        width:640px; 
        margin:0;
        padding: 0;
        
}


.ads_upper {  
    position: relative;
        height:60px;
    width:468px; 
     top: 100px;   
}


.ads_banner_lower {  position: relative;
        height:60px;
        width:468px; 
        margin:0;
        padding: 0;
        
}



.adright {  
        height:600px;
        width:120px; 
        float:right; 
        clear: none;
        margin:0 10px 0 0;
        position: relative;
        top: 80px;
        left: 30px;
   
      
}

.adleft {  
        height:600px;
        width:120px; 
        float:left; 
        clear: none;
        margin:0 10px 0 0;
        position: relative;
        top: 80px;
        right: 30px;
   
      
}





.ads_mobile {  
    display: block;
        
}

.ads_medium {
    display: none;
}

.ads_upper {
    display: none;
}

.adright {  
    display: block;
      
}

.adleft {  
    display: block;     
}

#platform { position:relative;
            top:60px;
}

.borderhead {
  color:#7f007f;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
  font-size:40px;
  font-weight: bold;
}

.borderdesc {
  color:#7f007f;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
  font-size:25px;
  font-weight: bold;
  position: relative;
  top: 30px;
  left: 70px;
}


.borderheadwin{
  position:relative;
  top:-60px;
  right: 180px;
}

.borderheadgay {
  position:relative;
  top:-60px;
  right: 160px;
}


.borderheadstraight{
  position:relative;
  top:-60px;
  right: 240px;
}


.borderheadcon {
  position:relative;
  top:-60px;
  right: 180px;
}
.borderheadstr {
  position:relative;
  top:-60px;
  right: 80px;
}


.greater {
  color:#7f007f;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
  font-size:120px;
  font-weight: bold;
  position: relative;
  top: -250px;
}



.imagecontent_gaycon
{
    position:relative;
    top: -30px;
    right: 240px;
}
.winners {
    width:850px; max-width: 100%;
    height: 600px;
    border: 5px solid #7f007f;
    position: relative;
    top: 80px;
}


.battle {
    width:850px; max-width: 100%;
    height: 350px;
    border: 5px solid #7f007f;
    position: relative;
    top: 80px;
}

.onlyone {
    width:850px; max-width: 100%;
    height: 200px;
    border: 5px solid #7f007f;
    position: relative;
    top: 80px;
}

.onlyone .borderdesc {
    position: relative;
    top: 5px;
}


.gaycon {
    width:850px; max-width: 100%;
    border: 5px solid #7f007f;
    position:relative;
    top: 150px;
}

.straights {
    width:850px; max-width: 100%;
    border: 5px solid #7f007f;
    position:relative;
    top: 140px;
}





.winpic {
    position:relative;
    top: 120px;
    right: 170px;
}

.losepic {
    position:relative;
    top: 115px;
    right: 200px;
}

.imagecontent1o1 {
    position:relative;
    top: -50px;
    right: 240px;
}

.imagecontent1o2 {
    position:relative;
    top: -20px;
    right: 120px;
}

.imagecontent2o2 {
    position:relative;
    top: -140px;
    left:260px;
}


.imagecontent1o3 {
    position:relative;
    top: -430px;
    left: 15px;
}

.imagecontent2o3 {
    position:relative;
    top: -460px;
    right:205px;
}

.imagecontent3o3 {
    position:relative;
    top:-515px;
    left:225px;
}

.gender {
    position: relative;
    top: -10px;
    left: 35px;

}


.gendercaption {
    position: relative;
    top: 40px;
    right: 10px;
}


.howgay { width:390px; 
        height:60px;
        position:relative;
        top:80px;
        right:0px
}



#psphoto { 
           color:#7f007f;
           font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
           font-size: 18px;   
            position:relative;
            top: 20px;
         }

.robot { color:#ffffff ;
         font-size: 30px; 
         position: relative;
        top: 10px;
       }    
        

.headgay {
   margin: 0px;
   padding: 0px;
  color:#7f007f;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
  position:relative;
  top:-10px;
  margin-left: 30px;  
}

.headdesk {
    margin-top: 8px;
    padding: 0px;
    color:#7f007f;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-weight: bold;
    font-size: 15px;
    position:relative;
    top:-20px;
    margin-left: 30px;

}



p { font-family:Verdana, Arial, Helvetica, sans-serif; }


.centdrag {
color:#f1bbf8;
text-align: center;
    position: relative;
    padding-top: 120px;
    font-size:100%
}



.form-control{
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}


.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
    


#newimage { max-width: 90%; height: auto }
    

    

	#holder { border: 5px dashed #f1bbf8; max-width:40%; min-width:300px; min-height: 350px; margin-top: 0px; }
	#holder.hover { border: 10px dashed #0c0; }
	#holder img { display: block; margin: 20px auto; }
	#holder p { margin: 10px; font-size: 14px; }
	.fail { background: #c00; padding: 2px; color: #fff; }
	.hidden { display: none !important;}


.imagecontent { max-width: 80%;
                max-height: 80%;
                position :relative;
                margin-top: 50px;
                margin-bottom: 0px;
                margin-left: 0;
                margin-right: 0;
}

#share-buttons img {
width: 50px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
position: relative;
top: -10px;
} 


.btn-lgr {
  padding: 12px 19px;
  font-size: 30px;
  line-height: 1.3333333;
  border-radius: 12px;
}

.btn-custom {
  color: #ffffff;
  background-color: #6f2e83;
  border-color: #461e52;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom {
  color: #ffffff;
  background-color: #461e52;
  border-color: #301538;
}
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom {
  background-image: none;
}
.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled.focus,
.btn-custom[disabled].focus,
fieldset[disabled] .btn-custom.focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
  background-color: #461e52;
  border-color: #301538;
}
.btn-custom .badge {
  color: #d94fd9;
  background-color: #ffffff;
}



header {
    position: relative; 
    top: -50px;
    margin-top:0px;
    padding-top: 0px;
	padding-bottom:0px;
    margin-bottom:0px;
    margin: auto;
    justify-content: center;
    max-width: 500px;
}

body {  margin:0px;
        padding-top:0;
        background-color:#f86ef8;
}

article {
    margin-top:0;
    padding-top:0;
    position: relative;
    top: -30px;

}

#sorry  { padding-top: 0px;
           color:#7f007f;
           font-family: "calibri", Garamond, 'Comic Sans';
           font-size: 15px;   
           position: relative;
         }


.resultheaddesk {
    position: relative;
    top:0px;      
}


.page-holder{
    text-align:center;
}

/* this gets mozilla */
@-moz-document url-prefix() {
    .resultheaddesk{
        top: 0px;
    }
}

/* this gets chrome */
@media screen and (-webkit-min-device-pixel-ratio: 1) { 
     .resultheaddesk{
     top: -3px;
    } 
    
    .ads_mobile{
        position: relative;
        top: 50px;
    }
    
}

/* this gets chrome */
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 0) { 
     .resultheaddesk{
     top: 0px;
    } 
    
    .ads_mobile{
        position: relative;
        top: 20px;
    }
}



@media screen and (-webkit-min-device-pixel-ratio: 0) { 

    
    .ads_mobile{
        position: relative;
        top: 50px;
    }
    
}


/*  begin spinner  **/

.loading {
    position: relative;
    top: 0px;
}

.loadspin{
    position: relative;
    top: -300px;
}

.flex-init-setup {
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
 }
 .flex-ppal-setup {
     -webkit-flex-flow: column wrap;
     -moz-flex-flow: column wrap;
     flex-flow: column wrap;
     -webkit-justify-content: center;
     -moz-justify-content: center;
     justify-content: center;
 }



.spinner {
  margin: 300px auto;
  width: 160px;
  height: 160px;
  position: relative;
  text-align: center;
  top: 0px;
    
    
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;`
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #810fb4;
  border-radius: 100%;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



/*  end spinner  **/


/* END GENERIC CSS */


/* BEGIN MOBILE CSS */


@media screen and (max-width: 1280px) {
    

    .ads_mobile {  
        display: block;

    }
    
    .ads_upper {
        display: none;
    }
        

    .ads_medium {
        display: none;
    }

    .adright {  
        display: block;

    }

    .adleft {  
        display: block;     
    }
    
    
}



@media screen and (max-width: 1279px) {
    

    .ads_mobile {  
        display: block;

    }

    .ads_medium {
        display: none;
    }
    
    .ads_upper {
        display: block;
    }
    

    .adright {  
        display: none;

    }

    .adleft {  
        display: none;     
    }
    

}



@media screen and (max-width: 800px) {
    

    
    #platform { 
        width: 100%;
        height: 80%;
        position:relative;
        top:60px;
    }

    
    .borderhead {
      font-size:30px;
      font-weight: bold;
    }
    
    .borderdesc {
      font-size:25px;
      font-weight: bold;
      position: relative;
      top: 30px;
      left: 80px;
    }
    
    .borderheadwin{
        position:relative;
        top:-60px;
        right: 140px;
    }
    
    .borderheadgay {
      position:relative;
      top:-60px;
      right: 120px;
    }
    
    .borderheadcon {
        position:relative;
        top:-60px;
        right: 140px;
    }
    
    .borderheadstr {
        position:relative;
        top:-60px;
        right: 50px;
    }
    
    .greater {
      color:#7f007f;
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
      font-size:120px;
      font-weight: bold;
      position: relative;
      top: -250px;
    }
    
    .imagecontent_gaycon
    {
        position:relative;
        top: -30px;
        right: 180px;
    }
    
    .winners {
        width:90%; min-height: 570px;
        border: 5px solid #7f007f;
        position: relative;
        top: 80px;
        
    }
    
    .battle {
        width:90%; min-height: 350px;
        border: 5px solid #7f007f;
        position: relative;
        top: 80px;
    }

    .onlyone {
        width:90%; height: 200px;
        border: 5px solid #7f007f;
        position: relative;
        top: 80px;
    }
    
    .onlyone .borderdesc {
        position: relative;
        top: 15px;
    }
    
    .gaycon {
        width:90%;; 
        border: 5px solid #7f007f;
        position:relative;
        top: 150px;
    }
    
    .straights {
        width:90%; 
        border: 5px solid #7f007f;
        position:relative;
        top: 140px;
    }
    
    .winpic {
    position:relative;
    top: 120px;
    right: 170px;
    }

    .losepic {
        position:relative;
        top: 115px;
        right: 180px;
    }
    
    .imagecontent1o1 {
        position:relative;
        top: -40px;
        right: 190px;
    }
    
    .imagecontent1o2 {
        position:relative;
        top: -20px;
        right: 120px;
    }

    .imagecontent2o2 {
        position:relative;
        top: -140px;
        left:260px;
    }

    .imagecontent1o3 {
        position:relative;
        top: -475px;
        left: 15px;
    }

    .imagecontent2o3 {
        position:relative;
        top: -495px;
        right:185px;
    }

    .imagecontent3o3 {
        position:relative;
        top:-545px;
        left:205px;
    }

    .gender {
        position: relative;
        top: -10px;
        left: 25px;

    }


    .gendercaption {
        position: relative;
        top: 40px;
        right: 20px;
    }
    
        
    .ads_upper {  
        position: relative;
        top: 100px;
        height:60px;
        width:468px; 
    }
    
    
}

@media screen and (max-width: 640px) {
    
    
    .borderheadwin{
        position:relative;
        top:-60px;
        right: 90px;
    }
    
    .borderheadgay {
      position:relative;
      top:-60px;
      right: 80px;
    }
    
    .borderheadcon {
        position:relative;
        top:-60px;
        right: 90px;
    }
    
    .borderheadstr {
        position:relative;
        top:-60px;
        right: 20px;
    }
    
    .imagecontent_gaycon
    {
        position:relative;
        top: -30px;
        right: 150px;
    }
    
    .onlyone .borderdesc {
        position: relative;
        top: 20px;
    }
    
    
    .imagecontent1o1 {
        position:relative;
        top: -40px;
        right: 140px;
    }
    
    .imagecontent1o2 {
        position:relative;
        top: -20px;
        right: 70px;
    }

    .imagecontent2o2 {
        position:relative;
        top: -140px;
        left:230px;
    }

    
    .imagecontent1o3 {
        position:relative;
        top: -475px;
        left: 15px;
    }

    .imagecontent2o3 {
        position:relative;
        top: -495px;
        right:150px;
    }

    .imagecontent3o3 {
        position:relative;
        top:-545px;
        left:180px;
    }
    
    .gender {
        position: relative;
        top: -10px;
        left: 20px;

    }


    .gendercaption {
        position: relative;
        top: 40px;
        right: 25px;
    }
    
    

}


@media screen and (max-width: 620px) {
    

    .ads_mobile {  
        display: block;

    }

    .ads_medium {
        display: none;
    }
    
    .ads_upper {
        display: block;
    }
    

    .adright {  
        display: none;

    }

    .adleft {  
        display: none;     
    }
    

}


@media screen and (max-width: 480px) {

    .robot { color:#ffffff ;
         font-size: 12px; 
         position: relative;
        top: 0px;
       }    
    
    header{
    position: relative; 
    top: -25px;
    margin: 0px;
    padding: 0px;
    height: 150px;
        
    }
    h1 {
        font-size: 36px;
        justify-content: center;
    }
    h2 {
        font-size: 9px;
    }
    .logo
    {
        width: 67px;
        height: 65px;
        position: relative;
        top:50px;
        left: 20px;
    }
    .howgay
    {
        width: 240px;
        height: 40px;
        position: relative;
        top:45px;
        margin-right: -60px;
        padding: 0px;
        
    }
    .headdesk 
    {
    margin-top: 8px;
    padding: 0px;
    font-size: 12px;
    position:relative;
    top:-20px;
    left: 70px;
    margin-bottom: 50px;
    }
    .headgay
    {
    position:relative;
    top:-15px;
    left: 65px;
    
    }
    
    #autorefresh {
    color:#7f007f;
    font-family: "calibri", Garamond, 'Comic Sans';
    font-size:  30px;   
    font-weight: bold;
    position:relative;
    top: -50px;
    width: 85%;

    }

    
    
    .headgay .headgay
    {
    position:relative;
    left: 0px;
    
    }
    #holder{
        min-width:280px;
        min-height: 280px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    #psphoto { 
        padding-top: 10px;
        font-size: 15px;   
    }
    .centdrag {
        font-size: 70%;
    }
    article {
        margin:-40px;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        
    }
    .mobileup {
        position: relative;
        top: -25px;
    }
    
    .mobileupper {
        position: relative;
        max-width: 80%;
    
    }
    
    
    #searchBing{
        position: relative;
        margin: -60px;
    }
    
    #imageDiv
    {
        position: relative;
        margin: -30px;
        left: 100px;
    }
    
    .imagecontent { max-width: 80%;
                max-height: 80%;
                position :relative;
                margin-top: 0px;
                
    }

    
    #platform { 
        
        width: 100%;
        height: 285px;
        position:relative;
        top:80px;
   
    }
    
    .borderhead {
      font-size:25px;
      font-weight: bold;
    }
    
    .shareaway {
        position: relative;
        margin-top: -80px;
        margin-bottom: 20px;
    }
    .shareaway .borderhead {
        font-size: 22px;
    }
    
    .shareaway #share-buttons img {
        width: 45px;
        position: relative;
        top: -2px
    }
    
    .borderdesc {
      font-size:15px;
      font-weight: bold;
      position: relative;
      top: 0px;
      left: 50px;
   
    }
    
    .borderheadwin{
        position:relative;
        top:-50px;
        right: 40px;
    }
    
        
    .borderheadgay {
      position:relative;
      top:-50px;
      right: 20px;
    }
    
    .borderheadcon {
        position:relative;
        top:-50px;
        right: 40px;
    }
    
    .borderheadstr {
        position:relative;
        top:-50px;
        right: 20px;
        font-size: 20px;
    }
    
    .greater {
      color:#7f007f;
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
      font-size:80px;
      font-weight: bold;
      position: relative;
      top: -150px;
    }
    
    
    .imagecontent_gaycon
    {
        position:relative;
        top: -30px;
        right: 80px;
        margin-bottom: -20px;
        
    }
    
    .winners {
        width:80%; height: 450px; min-height: 450px;
        border: 5px solid #7f007f;
        position: relative;
        top: 80px;
        margin-top: -30px;
        padding: 0px;
        margin: 0px;
        
    }    
    
    .battle {
        width:80%; height: 250px; min-height: 250px;
        border: 5px solid #7f007f;
        position: relative;
        top: 80px;
    }
    
    .onlyone {
        width:80%; height: 160px;min-height: 160px;
        border: 5px solid #7f007f;
        position: relative;
        top: 80px;
    }
    
    .onlyone .borderdesc {
        position: relative;
        top: 20px;
    }
    
    .gaycon {
        width:80%;
        border: 5px solid #7f007f;
        position:relative;
        top: 150px;
    }
    
    
    .straights {
        width:80%; 
        border: 5px solid #7f007f;
        position:relative;
        top: 140px;
    }
    
    
    .cropic {
        width: 60px;
        height: 60px;
    }
    
    .gender {
        position: relative;
        top: -5px;
        left: 15px;
        width:20px;
        height: 40px;

    }
    .winpic {
        position:relative;
        top: 80px;
        right: 120px;
        width: 80px;
        height: 80px;
        
    }

    .losepic {
        position:relative;
        top: 75px;
        right: 130px;
        width: 80px;
        height: 80px;
    }
    
    .imagecontent1o1 {
        position:relative;
        top: -20px;
        right: 90px;
        margin-bottom: -20px;
    }
    
    .imagecontent1o2 {
        position:relative;
        top: 10px;
        right: 40px;
    }

    .imagecontent2o2 {
        position:relative;
        top: -70px;
        left: 150px;
    }
    
   .imagecontent1o3 {
        position:relative;
        top: -250px;
        left: 15px;
    }

    .imagecontent2o3 {
        position:relative;
        top: -280px;
        right:120px;
    }

    .imagecontent3o3 {
        position:relative;
        top:-330px;
        left:125px;
    }
    .gendercaption {
        position: relative;
        top: 25px;
        right: 20px;
        font-size: 12px;
    }
    
    .ads_mobile {  
        position: relative;
        top: -20px;

    }
    

    
}



@media screen and (max-width: 440px) {
    

    .ads_mobile {  
        display: block;
    }

    .ads_medium {
        display: none;
    }
    
    .ads_upper {
        display: none;
    }
    

    .adright {  
        display: none;

    }

    .adleft {  
        display: none;     
    }
    

}




@media screen and (max-width: 375px) {
    
    header{
    position: relative; 
    top: -25px;
    right: 30px;
    margin: auto;
    padding: 0px;
    max-width: 250px;
    }
    
    h1 {
        font-size: 36px;
        justify-content: center;
    }
    h2 {
        font-size: 9px;
    }
    .logo
    {
        width: 67px;
        height: 65px;
        position: relative;
        top:65px;
        left: 0px;

    }

    .headgay 
    {
    font-size: 30px;
    position:relative;
    top:0px;
    left: 45px;
    }
    .headdesk 
    {
    font-size: 12px;
    position:relative;
    top:0px;
    left: 45px;
    margin-bottom:60px;
    }
    #holder{
        min-width:280px;
        min-height: 280px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    #psphoto { 
        padding-top: 10px;
        font-size: 15px; 
            position:relative;
        top: 20px;
    }
    .centdrag {
        font-size: 70%;
    }
    article {
        margin:-35px;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        
    }
    .mobileup {
        position: relative;
        top: -25px;
    }
    
    .mobileupper {
        position: relative;
        top: 30px;
        max-width: 80%;
    
    }
    
    
    
    #searchBing{
        position: relative;
        margin: -60px;
    }
    
    #imageDiv
    {
        position: relative;
        margin: -30px;
        left: 80px;
    }
    
    .imagecontent { max-width: 80%;
        max-height: 80%;
        position :relative;
        margin-bottom: -50px;
    }
    
     .shareaway {
        position: relative;
        margin-top: -80px;
        margin-bottom: 20px;
    }
    .shareaway .borderhead {
        font-size: 18px;
    }
    
    .shareaway #share-buttons img {
        width: 45px;
        position: relative;
        top: -2px
    }
    
    
    
    #platform {  
        width: 100%;
        height: 50%;
        position:relative;
        top:120px;
    }
    
    .borderdesc {
      font-size:12px;
      font-weight: bold;
      position: relative;
      top: 0px;
      left: 50px;
   
    }
    .borderheadwin{
        position:relative;
        top:-30px;
        right: 50px;
        font-size: 16px;
    }
    
    
    .borderheadgay {
      position:relative;
      top:-30px;
      right: 20px;
      font-size: 16px;
    
    }
    
    .borderheadcon {
        position:relative;
        top:-30px;
        right: 50px;
        font-size: 16px;
        
    }
    
    .borderheadstr {
        position:relative;
        top:-30px;
        right: 15px;
        font-size: 16px;
        margin-bottom:-20px;
        margin-top:-20px;
    }
    
    .greater {
      color:#7f007f;
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
      font-size:60px;
      font-weight: bold;
      position: relative;
      top: -115px;
    }
    
    
    .imagecontent_gaycon
    {
        position:relative;
        top: -30px;
        right: 55px;
        margin-bottom: -20px;
        
    }
        
    .winners {
        width:80%; min-height: 400px; height: 400px;
        border: 5px solid #7f007f;
        position: relative;
        top: 80px;
        margin-top: -30px;
        padding: 0px;
        margin-top: 0px;
        
    }    
    
    .battle {
        width:80%; 
        border: 5px solid #7f007f;
        position: relative;
        top: 100px;
        margin-bottom: -30px
    }
    
    .onlyone {
        width:80%; 
        border: 5px solid #7f007f;
        position: relative;
        top: 110px;
    }
    
    .onlyone .borderdesc {
        position: relative;
        top: 30px;
    }
    
    .gaycon {
        width:80%;
        border: 5px solid #7f007f;
        position:relative;
        top: 90px;
        margin-bottom: -40px;
    }
    
    .straights {
        width:80%; 
        border: 5px solid #7f007f;
        position:relative;
        top: 120px;
    }
    
    .imagecontent1o1 {
        position:relative;
        top: -0px;
        right: 70px;
        margin-bottom: -20px;
    }
    .imagecontent1o2 {
        position:relative;
        top: 30px;
        right: 20px;
    }

    .imagecontent2o2 {
        position:relative;
        top: -50px;
        left: 130px;
    }

    .imagecontent1o3 {
        position:relative;
        top: -145px;
        left: 30px;
    }

    .imagecontent2o3 {
        position:relative;
        top: -195px;
        right:55px;
    }

    .imagecontent3o3 {
        position:relative;
        top:-260px;
        left:120px;
    }
    
    .gender {
        position: relative;
        top: -5px;
        left: 10px;
        width:15px;
        height: 30px;

    }
    .gendercaption {
        position: relative;
        top: 20px;
        right: 15px;
        font-size: 12px;
    }
    
    
    
    
    .imagecontent1o3 .gender {
        position: relative;
        top: -50px;
        left: -40px;
        width:15px;
        height: 30px;

    }
    
    .imagecontent1o3 .gendercaption {
        position: relative;
        top: 40px;
        right: 70px;
        font-size: 10px;
    }
    .imagecontent2o3 .gender {
        position: relative;
        top: -50px;
        left: -40px;
        width:15px;
        height: 30px;

    }
    
    .imagecontent2o3 .gendercaption {
        position: relative;
        top: 40px;
        right: 70px;
        font-size: 10px;
    }
    
    .imagecontent3o3 .gender {
        position: relative;
        top: -50px;
        left: -40px;
        width:15px;
        height: 30px;

    }
    
    .imagecontent3o3 .gendercaption {
        position: relative;
        top: 40px;
        right: 70px;
        font-size: 10px;
    }
    
    .resultheaddesk {
    position: relative;
    top: -5px;
}
    
    
    
}




@media screen and (max-width: 360px) {
    
    header{
    position: relative; 
    top: -25px;
    right: 30px;
    margin: auto;
    padding: 0px;
    max-width: 250px;
    }
    h1 {
        font-size: 36px;
        justify-content: center;
    }
    h2 {
        font-size: 9px;
    }
    .logo
    {
        width: 67px;
        height: 65px;
        position: relative;
        top:65px;

    }

    .headgay 
    {
    font-size: 30px;
    position:relative;
    top:0px;
    left: 45px;
    }
    .headdesk 
    {
    font-size: 12px;
    position:relative;
    top: 0px;
    left: 45px;
    }
    
    
    #holder{
        min-width:280px;
        min-height: 280px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    #psphoto { 
        padding-top: 10px;
        font-size: 15px; 
        position:relative;
        top: 20px;
    }
    .centdrag {
        font-size: 70%;
    }
    article {
        margin:-35px;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        
    }
    .mobileup {
        position: relative;
        top: -25px;
    }
    
        #searchBing{
        position: relative;
        margin: -60px;
    }
    
    #imageDiv
    {
        position: relative;
        margin: -30px;
        left: 70px;
    }
    
    #share-buttons { 
        position: relative;
        top: 0px;

    }

}




@media screen and (max-width: 320px) {
    
    header{
    position: relative; 
    top: -25px;
    margin: 0px;
    padding: 0px;
    height: 180px;    
    }
    h1 {
        font-size: 36px;
        justify-content: center;
    }
    h2 {
        font-size: 9px;
    }
     .logo
    {
        width: 67px;
        height: 65px;
        position: relative;
        top:65px;
        left: 35px;
    }

    .headgay 
    {
    font-size: 30px;
    position:relative;
    top:0px;
    left: 80px;
    }
    .headdesk 
    {
    font-size: 12px;
    position:relative;
    top: 0px;
    left: 80px;
    }
    
        
    .shareaway {
        position: relative;
        margin-top: -80px;
        margin-bottom: 20px;
    }
    .shareaway .borderhead {
        font-size: 15px;
    }
    
    .shareaway #share-buttons img {
        width: 45px;
        position: relative;
        top: 0px
    }
    
    
    #holder{
        min-width:280px;
        min-height: 160px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    #psphoto { padding-top: 0px;
           font-family: "calibri", Garamond, 'Comic Sans';
           font-size: 15px;  
            position:relative;
            top: 20px;
         }
    .centdrag {
        font-size: 70%;
        padding-top: 40px;
    }
    article {
        margin:-35px;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        
    }
    .mobileup {
        position: relative;
        top: -60px;
    }
    #sorry  { 
           font-size: 12px;   
           position: relative;
           top: 20px;
         }
    #searchBing{
        position: relative;
        margin: -60px;
    }
    
    #imageDiv
    {
        position: relative;
        margin: -30px;
        left: 50px;
    }
    
    #share-buttons { 
        position: relative;
        top: 0px;

    }
    
     .ads_mobile {  
        position: relative;
        top: -40px;

    }
}